/*
Theme Name: Sting for Sting Atelier
Theme URI: https://stingforsting.dk/
Author: Sting for Sting
Description: Lyst, moderne WordPress-tema til Sting for Sting med WooCommerce-understøttelse.
Version: 2.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sfs-atelier
*/
:root{--bg:#121311;--panel:#1b1d1a;--panel2:#242622;--cream:#f2eee5;--muted:#aaa99e;--accent:#c6a47b;--line:#393a34;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#121311ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:25px}.brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:.14em;font-size:14px}.brand img{width:62px;height:62px;object-fit:contain;filter:brightness(0) invert(1)}.nav-list{display:flex;align-items:center;gap:28px;list-style:none;padding:0;margin:0}.nav-list a{font-size:13px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#d9d7cd}.nav-list a:hover,.text-link:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:14px}.button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent)!important;color:#171713!important;border:1px solid var(--accent)!important;border-radius:3px!important;padding:14px 22px!important;font-weight:800!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button:hover{background:#dfbd92!important;transform:translateY(-2px)}.button-outline{background:transparent!important;color:var(--cream)!important;border-color:#6d6659!important}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.28em;font-weight:800;color:var(--accent)}h1,h2,h3{line-height:1.07;letter-spacing:-.04em;margin:0 0 22px;font-weight:900}h1{font-size:clamp(48px,7.5vw,108px)}h2{font-size:clamp(34px,4.5vw,64px)}h3{font-size:24px}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,#393126 0,transparent 45%),#121311}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;padding:65px 0}.hero h1 span{color:var(--accent)}.hero p{font-size:18px;color:#c3c1b6;max-width:530px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-visual{position:relative;display:grid;place-items:center;min-height:470px}.hero-visual:before{content:'';position:absolute;width:78%;aspect-ratio:1;border:1px solid #5a4a37;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 90px #ffffff03}.hero-visual img{position:relative;width:min(95%,480px);filter:brightness(0) invert(1);opacity:.9}.hero-note{position:absolute;bottom:5px;right:0;font-size:11px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.section{padding:105px 0}.section.alt{background:#1a1b18}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-head p{max-width:470px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#7e694f}.card-image{aspect-ratio:1.45;background:linear-gradient(140deg,#3e3429,#1a1c19);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:27px}.card-body h3{font-size:24px}.card-body p{color:var(--muted);font-size:14px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:800}.text-link{color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:90px 20px;background:#23231f}.manifesto blockquote{font-size:clamp(26px,3.7vw,52px);line-height:1.22;font-weight:800;max-width:950px;margin:22px auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature{border-top:1px solid var(--accent);padding-top:25px}.feature .num{font-size:12px;color:var(--accent);letter-spacing:.15em}.feature p{color:var(--muted)}.cta{background:var(--accent);color:#171713;padding:70px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0}.cta .button{background:#171713!important;color:var(--cream)!important;border-color:#171713!important}.site-footer{border-top:1px solid var(--line);padding:55px 0 25px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid strong{color:var(--cream)}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:12px}.page-header{padding:90px 0 55px;background:#1a1b18;border-bottom:1px solid var(--line)}.page-header h1{font-size:clamp(42px,6vw,78px)}.content-layout{padding:65px 0 100px}.prose{max-width:790px;margin:auto;font-size:18px;color:#d4d1c7}.prose h2{font-size:38px;margin-top:50px}.prose h3{margin-top:36px}.prose p{margin:0 0 25px}.prose a{color:var(--accent);text-decoration:underline}.prose blockquote{margin:40px 0;padding:20px 30px;border-left:3px solid var(--accent);background:var(--panel);font-size:23px;font-style:italic}.prose img{border-radius:3px}.post-meta{color:var(--muted);font-size:13px}.pagination{margin-top:40px}.woocommerce div.product,.woocommerce .products{color:var(--cream)}.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:var(--accent)}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.menu-toggle{display:none;background:transparent;color:var(--cream);border:1px solid var(--line);padding:10px 14px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;min-height:auto;padding:65px 0}.hero-visual{min-height:310px}.hero-visual img{max-width:300px}.cards,.feature-grid{grid-template-columns:repeat(2,1fr)}.menu-toggle{display:block}.nav-list{display:none;position:absolute;top:85px;left:0;right:0;background:#171815;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-list.open{display:flex}.nav-actions>.button{display:none}}@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 32px))}.section{padding:70px 0}.cards,.feature-grid,.footer-grid{grid-template-columns:1fr}.section-head,.cta .wrap{display:block}.cta .button{margin-top:24px}.brand{font-size:11px}.brand img{width:50px;height:50px}.hero-visual{min-height:250px}.hero-visual img{max-width:230px}.hero h1{font-size:53px}.page-header{padding:60px 0 35px}}

/* Sting for Sting — White / Black / Gold identity */
:root{--bg:#ffffff;--panel:#ffffff;--panel2:#f7f5f0;--cream:#111111;--muted:#66645f;--accent:#b89b5e;--line:#e8e4da}
body{background:#fff;color:#111}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.brand img{filter:none}.nav-list a{color:#171717}
.button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#111!important;color:#fff!important;border-color:#111!important}
.button:hover{background:#b89b5e!important;color:#111!important;border-color:#b89b5e!important}
.button-outline{background:transparent!important;color:#111!important;border-color:#111!important}
.hero{background:radial-gradient(ellipse at 78% 48%,#f3eee2 0,transparent 49%),#fff;border-bottom:1px solid var(--line)}
.hero h1 span{color:#b89b5e}.hero p{color:#55534d}.hero-visual:before{border-color:#d6c49f;box-shadow:0 0 0 35px #b89b5e08,0 0 0 90px #b89b5e04}
.hero-visual img{filter:none;opacity:1}.hero-note{color:#777}
.section.alt{background:#f7f5f0}.card{background:#fff;border-color:#e8e4da;box-shadow:0 8px 26px #11111107}.card-image{background:#f7f5f0}.card-body p{color:#66645f}
.manifesto{background:#111;color:#fff;border-color:#111}.manifesto blockquote{color:#fff}.feature p{color:#66645f}
.cta{background:#f7f5f0;color:#111;border-top:1px solid #e8e4da}.cta .button{background:#111!important;color:#fff!important;border-color:#111!important}
.site-footer{background:#111;color:#bcb9b0;border-top:0}.site-footer .footer-grid strong{color:#fff}.site-footer a:hover{color:#d8bb81}
.page-header{background:#f7f5f0}.prose{color:#282828}.prose blockquote{background:#f7f5f0}.prose a{color:#8c6d2f}
.woocommerce div.product,.woocommerce .products{color:#111}.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:#8c6d2f}.woocommerce .woocommerce-breadcrumb{color:#666}
.menu-toggle{color:#111;border-color:#ddd}.nav-list{background:#fff}
@media(max-width:900px){.nav-list{background:#fff}}

/* Version 1.2 – refined header and footer typography */
.site-header,.site-footer{font-family:'Manrope',Arial,Helvetica,sans-serif}
.nav-shell{min-height:88px;gap:22px}
.brand{gap:15px;letter-spacing:normal;font-size:18px;font-weight:700;white-space:nowrap}
.brand .brand-name{letter-spacing:-.045em;line-height:1.15;text-transform:none}
.brand img{width:64px;height:64px;object-fit:contain;flex-shrink:0;filter:none}
.site-header{box-shadow:0 3px 22px rgba(17,17,17,.025);border-bottom:1px solid #eeeae1}
.nav-list a{font-family:'Manrope',Arial,sans-serif;font-size:12px;letter-spacing:.025em;font-weight:600;text-transform:none}
.nav-actions>.button{font-family:'Manrope',Arial,sans-serif;font-size:12px;letter-spacing:.015em;text-transform:none;font-weight:700!important;border-radius:5px!important;padding:12px 17px!important}
.site-footer .footer-brand{font-family:'Manrope',Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.045em;color:#fff}
.site-footer .footer-grid strong:not(.footer-brand){font-family:'Manrope',Arial,sans-serif;font-size:13px;letter-spacing:.01em;font-weight:700}
.site-footer .footer-grid p,.site-footer .footer-bottom{font-family:'Manrope',Arial,sans-serif;font-size:13px;line-height:1.85;letter-spacing:0}
.site-footer .footer-grid a{transition:color .2s ease}
.site-footer .footer-grid a:hover{color:#b89b5e}
@media(max-width:900px){.brand{font-size:17px}.nav-list a{font-size:14px}.nav-shell{min-height:80px}}
@media(max-width:600px){.brand{font-size:15px;gap:10px}.brand img{width:52px;height:52px}.nav-shell{min-height:72px}.site-footer .footer-brand{font-size:20px}}

/* Version 1.3 – consistent premium typography */
body,button,input,select,textarea,.woocommerce{font-family:'Manrope',Arial,Helvetica,sans-serif}
h1,h2,h3,.page-header h1,.hero h1,.section-head h2,.cta h2,.woocommerce h1,.woocommerce h2,.woocommerce .page-title{font-family:'Manrope',Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.1;text-transform:none}
.hero h1{font-size:clamp(46px,6.4vw,88px)}
.page-header h1{font-size:clamp(40px,5.5vw,72px);max-width:1100px;overflow-wrap:break-word}
.woocommerce .page-title{font-size:clamp(40px,5.5vw,72px)}
.section-head h2,.cta h2{font-size:clamp(34px,4vw,58px)}
.woocommerce .woocommerce-ordering select{font-family:inherit;border:1px solid var(--line);background:#fff;border-radius:5px;padding:9px 12px}
.about-hero{background:#f7f5f0;border-bottom:1px solid var(--line);padding:85px 0}
.about-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:center}
.about-layout h1{font-size:clamp(48px,6vw,84px);margin:15px 0 25px}
.about-lead{font-size:clamp(18px,2vw,23px);line-height:1.65;color:#484641;max-width:700px}
.about-logo{max-width:360px;margin:auto;display:block;filter:none}
.about-story{max-width:850px;margin:0 auto}
.about-story h2{font-size:clamp(28px,3.4vw,46px);margin:45px 0 20px}
.about-story p{font-size:18px;line-height:1.85;color:#36342f}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:48px 0}
.about-principles>div{padding:26px;border:1px solid var(--line);border-top:3px solid var(--accent);background:#fff}
.about-principles h3{font-size:21px;letter-spacing:-.04em}
.about-principles p{font-size:15px;margin:0}
.about-photo{width:100%;height:auto;max-height:440px;object-fit:cover;margin:30px 0;border-radius:8px}
@media(max-width:800px){.about-layout{grid-template-columns:1fr;gap:25px}.about-logo{max-width:220px}.about-principles{grid-template-columns:1fr}.about-hero{padding:55px 0}}

/* v1.4: Lad to indholdskort udfylde bredden, mens kurser er skjult */
.feature-grid:has(> .feature:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.feature-grid:has(> .feature:nth-child(2):last-child){grid-template-columns:1fr}}


/* v1.5 — kompakt shop-intro, filformater og ens købskontrolhøjde */
body.woocommerce-shop .page-header,
body.post-type-archive-product .page-header,
body.tax-product_cat .page-header,
body.tax-product_tag .page-header {padding:34px 0 30px;}
body.woocommerce-shop .page-header h1,
body.post-type-archive-product .page-header h1,
body.tax-product_cat .page-header h1,
body.tax-product_tag .page-header h1 {font-size:clamp(32px,4.2vw,56px);margin:7px 0 8px;}
body.woocommerce-shop .page-header p,
body.post-type-archive-product .page-header p,
body.tax-product_cat .page-header p,
body.tax-product_tag .page-header p {margin:0;font-size:15px;}
body.woocommerce-shop .content-layout,
body.post-type-archive-product .content-layout {padding-top:36px;}
.woocommerce div.product form.cart {display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;}
.woocommerce div.product form.cart .quantity {float:none!important;margin:0!important;display:flex;align-items:stretch;}
.woocommerce div.product form.cart .quantity .qty {box-sizing:border-box;min-height:50px;height:50px;width:76px;border:1px solid #dedbd3;border-radius:5px;background:#fff;text-align:center;padding:0 8px;line-height:1.2;}
.woocommerce div.product form.cart button.single_add_to_cart_button {float:none!important;box-sizing:border-box;min-height:50px;height:50px;margin:0!important;padding:0 24px!important;line-height:1.2!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:5px!important;}
.sfs-formats {clear:both;margin:22px 0 24px;padding:19px 20px;background:#f8f7f4;border:1px solid #e8e4da;border-radius:8px;}
.sfs-formats h3 {font-size:16px;letter-spacing:-.025em;line-height:1.3;margin:0 0 12px;font-weight:750;}
.sfs-format-list {display:flex;flex-wrap:wrap;gap:8px;}
.sfs-format-chip {display:inline-flex;align-items:center;padding:6px 12px;border:1px solid #cbb57f;border-radius:4px;background:#fff;color:#171717;font-size:12px;font-weight:800;letter-spacing:.04em;}
.sfs-formats p {font-size:12px;color:#66645f;margin:12px 0 0;line-height:1.6;}
@media(max-width:600px){body.woocommerce-shop .page-header,body.post-type-archive-product .page-header{padding:25px 0 23px}.woocommerce div.product form.cart button.single_add_to_cart_button{flex:1;min-width:0;padding:0 12px!important}}

/* v1.6 — kurv i header */
.sfs-header-cart{display:inline-flex;align-items:center;gap:7px;position:relative;white-space:nowrap;color:#111;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:13px;padding:10px 8px;border-radius:5px;transition:background .2s,color .2s}
.sfs-header-cart:hover,.sfs-header-cart:focus-visible{color:#9b7b3c;background:#f7f5f0}
.sfs-header-cart svg{flex:none}
.sfs-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#b89b5e;color:#111;font-size:11px;font-weight:800;line-height:1}
@media(max-width:900px){.sfs-header-cart{padding:9px 5px}.sfs-cart-label{display:none}}
@media(max-width:420px){.nav-shell{gap:9px}.nav-actions{gap:7px}.sfs-header-cart svg{width:21px;height:21px}}


/* v1.7 — consistent cart/checkout buttons, including WooCommerce Blocks */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt,
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  box-sizing:border-box!important;
  min-height:50px!important;
  border:1px solid #111!important;
  border-radius:5px!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:750!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  line-height:1.3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px 24px!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background:#b89b5e!important;
  border-color:#b89b5e!important;
  color:#111!important;
  text-decoration:none!important;
}
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {color:inherit!important;text-decoration:none!important;}
.wc-block-cart__submit-container{margin-top:14px;}
@media(max-width:600px){.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.wc-block-cart__submit-button{width:100%!important;}}

/* v1.8: Truly compact shop header, including single product pages */
.sfs-shop-header.page-header {padding: 17px 0 18px !important; min-height:0 !important;}
.sfs-shop-header .eyebrow {font-size:10px;line-height:1.3;margin:0 0 5px;}
.sfs-shop-header h1 {font-size:clamp(30px,3.2vw,44px) !important;line-height:1.05 !important;margin:0 0 7px !important;}
.sfs-shop-header p {font-size:13px !important;line-height:1.4;margin:0 !important;}
.sfs-shop-header + .content-layout {padding-top:30px;}
@media(max-width:600px){.sfs-shop-header.page-header{padding:14px 0 16px !important}.sfs-shop-header h1{font-size:30px !important}.sfs-shop-header + .content-layout{padding-top:22px}}

/* v1.9: Hide optional payment-card previews next to express wallet buttons.
   Do not hide wallet branding or the standard card payment method. */
.wc-stripe-express-checkout-element .payment-method-icons,
.wc-stripe-express-checkout-element .payment-method-icon-list,
.wc-stripe-express-checkout-element .card-icons,
.wc-stripe-express-checkout-element .card-brands,
.wc-block-components-express-payment .payment-method-icons,
.wc-block-components-express-payment .payment-method-icon-list,
.wc-block-components-express-payment .card-icons,
.wc-block-components-express-payment .card-brands { display:none!important; }

/* v2.0 — unified header and navigation background */
.site-header,
.site-header .nav-shell,
.site-header .nav-list,
.site-header .nav-list > li,
.site-header .nav-list > li > a {
  background-color:#fff !important;
  background-image:none !important;
}
.site-header {backdrop-filter:none; -webkit-backdrop-filter:none;}
.site-header .nav-list {box-shadow:none !important;}
@media(max-width:900px){
 .site-header .nav-list{background:#fff !important;}
}

/* v2.1 — all interior page title bands match the compact Broderifiler band */
.page-header, .sfs-shop-header.page-header {
  padding:17px 0 18px !important;
  min-height:0 !important;
}
.page-header .eyebrow {
  font-size:10px; line-height:1.3; margin:0 0 5px;
}
.page-header h1, .sfs-shop-header h1 {
  font-size:clamp(30px,3.2vw,44px) !important;
  line-height:1.05 !important;
  margin:0 0 7px !important;
}
.page-header p {
  font-size:13px !important; line-height:1.4; margin:0 !important;
}
@media(max-width:600px){
  .page-header, .sfs-shop-header.page-header {padding:14px 0 16px !important;}
  .page-header h1, .sfs-shop-header h1 {font-size:30px !important;}
}

/* v2.2: Journal header uses exactly the same layout class as shop. */
body.blog .page-header.sfs-shop-header, body.archive .page-header.sfs-shop-header {padding:17px 0 18px!important;min-height:0!important;}
body.blog .page-header.sfs-shop-header h1,body.archive .page-header.sfs-shop-header h1{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.05!important;margin:0 0 7px!important;}
body.blog .page-header.sfs-shop-header p,body.archive .page-header.sfs-shop-header p{font-size:13px!important;line-height:1.4!important;margin:0!important;}
@media(max-width:600px){body.blog .page-header.sfs-shop-header,body.archive .page-header.sfs-shop-header{padding:14px 0 16px!important;}body.blog .page-header.sfs-shop-header h1,body.archive .page-header.sfs-shop-header h1{font-size:30px!important;}}

/* v2.3: compact checkout and cart title band, equal to Broderifiler */
body.woocommerce-checkout .page-header, body.woocommerce-cart .page-header,
body.woocommerce-checkout .page-header.sfs-shop-header,body.woocommerce-cart .page-header.sfs-shop-header {
  padding:17px 0 18px !important;min-height:0!important;
}
body.woocommerce-checkout .page-header h1,body.woocommerce-cart .page-header h1 {
  font-size:clamp(30px,3.2vw,44px)!important;line-height:1.05!important;margin:0 0 7px!important;
}
body.woocommerce-checkout .content-layout,body.woocommerce-cart .content-layout {padding-top:30px!important;}
@media(max-width:600px){
 body.woocommerce-checkout .page-header,body.woocommerce-cart .page-header{padding:14px 0 16px!important;}
 body.woocommerce-checkout .page-header h1,body.woocommerce-cart .page-header h1{font-size:30px!important;}
 body.woocommerce-checkout .content-layout,body.woocommerce-cart .content-layout{padding-top:22px!important;}
}