iframe[data-a2b-pending]{
translate:-99999px 0 !important;
clip-path:inset(100%) !important;
}
/* (a) Chat launcher: sirina se racuna iz sadrzaja, nikad iz roditelja,
i vezan je isključivo za desnu ivicu -- bez obzira gdje u DOM-u
zavrsi zbog neispravnog HTML-a u sadrzaju stranice. */
#a2b-support-wrap{
width:auto !important;
max-width:none !important;
min-width:0 !important;
left:auto !important;
right:18px !important;
flex:0 0 auto !important;
}
@media (max-width:782px){
#a2b-support-wrap{ right:14px !important; }
}
/* 3) ROZA BOJA GDJE NE TREBA.
IZMJERENO: u child temi (style.css, linija 182) stoji
--a2b-pink:#D946EF, a koristi se na TACNO jednom mjestu --
.a2b-trust-item--sec (red povjerenja, stavka "Secure Checkout").
To je jedina roza na sajtu i zato je iskakala iz brenda. Prebacuje
se na brend ljubicastu; varijabla u temi se ne dira da se ostalo
ne pomjeri. */
.a2b-trust-item--sec{ --a2b-ac: var(--a2b-purple-l, #A855F7) !important; }
/* 4) KUPON NA CHECKOUTU SE NE OTVARA GLATKO.
IZMJERENO: .woocommerce-form-coupon ima display:none i
transition:all. WooCommerce ga otvara jQuery slideToggle-om, koji
animira height i display u JS-u -- a CSS prelaz "all" u isto vrijeme
animira svoju verziju istih svojstava. Dvije animacije na istom
elementu se otimaju i to je ono trzanje. Prelaz se gasi i animacija
ostaje samo jedna (slideToggle). */
form.woocommerce-form-coupon{
transition:none !important;
animation:none !important;
}
form.woocommerce-form-coupon,
form.woocommerce-form-coupon *{
will-change:auto !important;
}
.a2b-tip-box{
position:fixed !important;
width:min(308px, 100vw - 24px) !important;
max-width:none !important;
box-sizing:border-box !important;
display:block !important;
background:#0B0817 !important;
color:#CFC6E8 !important;
border:1px solid rgba(124,58,237,.4) !important;
border-radius:11px !important;
padding:13px 15px !important;
font-size:12px !important;
font-weight:400 !important;
line-height:1.6 !important;
text-align:left !important;
letter-spacing:0 !important;
text-transform:none !important;
white-space:normal !important;
box-shadow:0 18px 44px rgba(0,0,0,.55) !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
transition:opacity .16s !important;
z-index:2147483000 !important;
transform:none !important;
bottom:auto !important;
}
.a2b-tip-box.is-shown{
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
}
.a2b-tip-box b{ color:#F1EEFF !important; font-weight:700 !important; }
.a2b-tip-box::after{
content:"" !important;
position:absolute !important;
top:100% !important;
left:var(--a2b-tip-arrow,22px) !important;
margin-left:-6px !important;
border-width:6px !important;
border-style:solid !important;
border-color:rgba(124,58,237,.4) transparent transparent !important;
border-image:none !important;
}
.a2b-tip-box.is-below::after{
top:auto !important;
bottom:100% !important;
border-top-color:transparent !important;
border-bottom-color:rgba(124,58,237,.4) !important;
}
/* Upitnik sam: vidljiv, klikabilan i ne lomi red u labeli. */
.a2b-tip{ position:relative; display:inline-flex; align-items:center; }
.a2b-tip-q{ cursor:help; }
.acc2buy-nl{background:var(--a2b-surface,#0F0B1A);border:1px solid var(--a2b-border-h,rgba(124,58,237,.45));border-radius:var(--radius,14px);padding:20px 22px;max-width:420px;font-family:var(--font-body,inherit)}.acc2buy-nl__head{font-family:var(--font-heading,inherit);font-size:15px;font-weight:800;color:var(--a2b-text,#F1EEFF);margin:0 0 12px}.acc2buy-nl__row{display:flex;gap:8px}.acc2buy-nl__row input{flex:1;background:var(--a2b-deep,#0A0713);border:1px solid var(--a2b-border,rgba(124,58,237,.2));border-radius:9px;padding:11px 13px;color:var(--a2b-text,#F1EEFF);font:inherit}.acc2buy-nl__row button{background:var(--a2b-purple,#7C3AED);color:#fff;border:0;border-radius:9px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.acc2buy-nl__consent{display:flex;gap:8px;align-items:flex-start;margin:11px 0 0;font-size:11.5px;color:var(--a2b-muted,#8B7BAE);line-height:1.5}.acc2buy-nl__consent input{margin-top:2px}
/* ============ 1. CARD BADGES — small, one line ============ */
/* The row shows as many badges as genuinely fit, and hides the rest.
flex-wrap lets a pill that has run out of room drop to a second line,
and the fixed height clips that line away -- so the overflow is always
a whole pill, never half a word. The browser therefore does the fitting
at the reader's real window size, which is the only place the true
width is known. */
.a2b-card-tags{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;
column-gap:2px!important;row-gap:8px!important;height:22px!important;overflow:hidden!important;
justify-content:flex-start!important;}
.a2b-card-tags .a2b-pill{flex:0 0 auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;gap:2px!important;padding:2px 4px!important;border-radius:6px!important;font-size:10px!important;font-weight:600!important;line-height:1.35!important;white-space:nowrap!important;border:1px solid!important;background:transparent!important;letter-spacing:-.01em!important;}
.a2b-card-tags .a2b-pill svg{width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;flex-shrink:0!important;}
.a2b-card-tags .a2b-pill-d{color:#6EE7B7!important;background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.30)!important;}
.a2b-card-tags .a2b-pill-w{color:#FCD34D!important;background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.30)!important;}
.a2b-card-tags .a2b-pill-s{color:#93C5FD!important;background:rgba(96,165,250,.12)!important;border-color:rgba(96,165,250,.30)!important;}
/* one hue per promise, so the strip is scannable rather than decorative */
.a2b-card-tags .a2b-pill-p{color:#C4B5FD!important;background:rgba(124,58,237,.14)!important;border-color:rgba(124,58,237,.34)!important;}
.a2b-card-tags .a2b-pill-v{color:#5EEAD4!important;background:rgba(20,184,166,.12)!important;border-color:rgba(20,184,166,.30)!important;}
.a2b-card-tags .a2b-pill-k{color:#A5B4FC!important;background:rgba(99,102,241,.13)!important;border-color:rgba(99,102,241,.32)!important;}
.a2b-card-tags .a2b-pill-t{color:#FDE68A!important;background:rgba(234,179,8,.12)!important;border-color:rgba(234,179,8,.30)!important;}
.a2b-card-tags .a2b-pill-n{color:#BEF264!important;background:rgba(132,204,22,.12)!important;border-color:rgba(132,204,22,.30)!important;}
.a2b-card-tags .a2b-pill-l{color:#FCA5A5!important;background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.32)!important;}
.a2b-card-tags .a2b-pill-r{color:#F0ABFC!important;background:rgba(217,70,239,.13)!important;border-color:rgba(217,70,239,.32)!important;}
/* style.css pins only -d/-w/-s to their width; the new tones need the same
or the category pill stops being the one that gives way. */
.a2b-card-tags .a2b-pill:not(.a2b-pill-c){flex:0 0 auto!important;font-size:10px!important;padding:2px 4px!important;gap:2px!important;border-radius:5px!important;}
/* the category is a different SHAPE, not just a different colour: a
rounded grey chip against squared badges, so it reads as "what this
is" rather than as one more promise. Set here because the theme CSS
prints after style.css and would otherwise square it off again. */
.a2b-card-tags .a2b-pill-c{border-radius:100px!important;font-size:11.5px!important;padding:2px 8px!important;
color:#9A93AD!important;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.04)!important;
/* style.css pins every pill to 19px; the category is a size larger now, so
it needs its own height or the taller text is clipped inside a 19px box. */
height:21px!important;min-height:21px!important;}
.a2b-card-tags .a2b-pill svg{width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;}
/* the strip spans the card instead of bunching left: measured, three
pills fill 212px edge to edge with no label ever truncated. */
/* packed left with an even gap -- space-between was what made three
pills read as scattered across the card instead of as a row */
.a2b-card-tags{justify-content:flex-start!important;}
/* price and button share one line: the button was a full-width slab under
the card and read as the loudest thing on a page of 24 cards. */
.a2b-card-buy{display:flex!important;align-items:center!important;justify-content:space-between!important;
gap:10px!important;width:100%!important;}
.a2b-card-buy .a2b-card-price{flex:1 1 auto!important;min-width:0!important;}
.a2b-card-buy .a2b-card-btn{width:auto!important;flex:0 0 auto!important;padding:10px 16px!important;
font-size:13px!important;border-radius:9px!important;}
@media(max-width:480px){
.a2b-card-buy{flex-wrap:wrap!important;}
.a2b-card-buy .a2b-card-btn{width:100%!important;}
}
/* 10px is sized for the full-width card. Below the content cap the card
shrinks with the window, so the pills step down with it -- otherwise the
row would quietly drop to two badges on a 1440 screen. Measured at every
width: three badges minimum, never a clipped word. */
@media(max-width:1599px){
.a2b-card-tags .a2b-pill,
.a2b-card-tags .a2b-pill:not(.a2b-pill-c){font-size:9px!important;padding:2px 4px!important;}
.a2b-card-tags .a2b-pill svg{width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;}
.a2b-card-tags .a2b-pill-c{font-size:10.5px!important;padding:2px 7px!important;}
}
@media(max-width:1299px) and (min-width:961px){
.a2b-card-tags .a2b-pill,
.a2b-card-tags .a2b-pill:not(.a2b-pill-c){font-size:8.5px!important;padding:2px 3px!important;}
.a2b-card-tags .a2b-pill svg{width:7px!important;height:7px!important;min-width:7px!important;max-width:7px!important;}
.a2b-card-tags .a2b-pill-c{font-size:10px!important;padding:2px 6px!important;}
}
/* under 960 the grid drops to three columns, so the card is wide again */
@media(max-width:960px){
.a2b-card-tags .a2b-pill,
.a2b-card-tags .a2b-pill:not(.a2b-pill-c){font-size:9.5px!important;padding:2px 4px!important;}
.a2b-card-tags .a2b-pill svg{width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;}
.a2b-card-tags .a2b-pill-c{font-size:11px!important;padding:2px 7px!important;}
}
@media(max-width:600px){.a2b-card-tags .a2b-pill{font-size:8px!important;padding:2px 4px!important;gap:2px!important;}}
/* ============ 2. RED "SALE" BADGE — discounted products only ============ */
.a2b-sale-badge{position:absolute!important;top:9px!important;left:9px!important;z-index:6!important;display:inline-flex!important;align-items:center!important;gap:4px!important;
background:linear-gradient(135deg,#FF2D3C,#DC2626)!important;color:#fff!important;font-family:var(--font-heading,inherit)!important;font-weight:800!important;
font-size:10px!important;letter-spacing:.06em!important;line-height:1!important;padding:5px 10px!important;border-radius:20px!important;pointer-events:none!important;
box-shadow:0 4px 14px rgba(239,68,68,.5)!important;text-transform:uppercase!important;}
.a2b-sale-badge svg{width:10px!important;height:10px!important;flex-shrink:0!important;}
/* the -% ribbon keeps the opposite corner so the two never collide */
.acc2buy-ribbon{left:auto!important;right:9px!important;}
/* category badge moves down when a SALE badge is present */
li.a2b-product-card .a2b-sale-badge ~ .a2b-cat-badge{top:38px!important;}
/* ============ 3. CONTACT-US PRODUCTS — no price, clean CTA ============ */
.a2b-card-price--contact{color:#8B7BAE!important;font-family:var(--font-body,inherit)!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:0!important;}
.a2b-contact-cta{display:block!important;clear:both!important;width:100%!important;margin:16px 0 18px!important;}
.a2b-contact-btn{width:auto!important;max-width:100%!important;}
/* a contact product must not leave an empty price gap in the summary */
body.single-product .entry-summary p.price:empty{display:none!important;margin:0!important;}
/* ============ 4. REVIEWS TAB ============ */
/* style.css section 11 hides the whole review system; put back only what
is needed: the tab itself and the WRITE form. The list of reviews and
the counts stay hidden (that is the ACC2BUY_SHOW_REVIEWS design), and
the "There are no reviews yet." line is removed entirely. */
.woocommerce-tabs ul.tabs li.reviews_tab,li.reviews_tab{display:block!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;}
#tab-reviews[style*="block"]{display:block!important;visibility:visible!important;opacity:1!important;}
#tab-reviews #reviews,#tab-reviews .woocommerce-Reviews{display:block!important;visibility:visible!important;opacity:1!important;}
#reviews #review_form,#reviews #respond,#respond .comment-form-rating,#reviews .comment-form-rating,.review_form_wrapper{display:block!important;visibility:visible!important;opacity:1!important;}
#respond p.stars,#reviews .comment-form-rating p.stars{display:block!important;visibility:visible!important;opacity:1!important;}
/* never show "There are no reviews yet." — reviews are collected, not shown */
.woocommerce-noreviews,#reviews .woocommerce-noreviews,#reviews ol.commentlist,#comments > h2{display:none!important;}
#reviews #comments{padding:0!important;margin:0!important;}
/* ============ 5. CART DRAWER — two-row grid, always aligned ============ */
/* Row 1: thumb + name. Row 2: stepper on the left, price hard-right. The
stepper never shares a row with the name, so a long product title can
never squeeze it — which is what broke the layout after removing an item. */
.acc2buy-drawer__body ul.cart_list li,.acc2buy-drawer__body ul.product_list_widget li{
display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;
grid-template-areas:"img name" "img qty"!important;
column-gap:12px!important;row-gap:9px!important;align-items:center!important;
padding:14px 24px 14px 0!important;position:relative!important;}
.acc2buy-drawer__body li img{grid-area:img!important;align-self:start!important;width:46px!important;height:46px!important;margin:0!important;}
.acc2buy-drawer__body li > a:not(.remove){grid-area:name!important;min-width:0!important;padding:0!important;}
.acc2buy-drawer__body li .quantity,
.acc2buy-drawer__body li .a2b-qty,
.acc2buy-drawer__body li .a2b-qty--fixed{
grid-area:qty!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
justify-content:flex-start!important;gap:0!important;margin:0!important;width:100%!important;}
.acc2buy-drawer__body .a2b-qty .a2b-step{width:28px!important;height:28px!important;flex:0 0 28px!important;}
/* v55.23 -- selector strengthened alongside the base .a2b-qty__n rule
(acc2buy-seo-engine.php): that rule went from one class to
.a2b-qty input.a2b-qty__n to beat the theme's input[type="text"]
!important, which made it MORE specific than this drawer-only
override was, and this 34px/28px size would have silently lost to
the base rule's 32px/26px. Matched here so the drawer keeps its
own, slightly larger, touch-friendlier size. */
.acc2buy-drawer__body .a2b-qty input.a2b-qty__n{min-width:34px!important;width:34px!important;height:28px!important;flex:0 0 34px!important;}
.acc2buy-drawer__body .a2b-qty__p{margin-left:auto!important;padding-left:12px!important;text-align:right!important;white-space:nowrap!important;font-size:13.5px!important;}
.acc2buy-drawer__body li a.remove{top:16px!important;right:0!important;transform:none!important;}
/* keep it identical after every AJAX fragment refresh (add / remove / qty) */
.acc2buy-drawer__body.is-busy ul.cart_list li{opacity:.55!important;}
/* ============ 6. LOGIN / REGISTER — Design 01 "split hero" ============
v55.20 — replaces Design 03 (two glass cards side by side). Brand
panel with the real logo on the left; a single tabbed form on the
right. .a2b-auth-brand and .a2b-auth-tabs are new markup from the
woocommerce_before_customer_login_form hook (acc2buy-seo-engine.php);
everything under #customer_login is still WooCommerce's own real
login/register forms, untouched -- the tabs only toggle which one
is visible. */
body.woocommerce-account:not(.logged-in) .woocommerce{
display:grid!important;grid-template-columns:0.92fr 1.08fr!important;grid-template-rows:auto auto 1fr!important;
max-width:980px!important;margin:46px auto 78px!important;padding:0!important;
border:1px solid rgba(124,58,237,.22)!important;border-radius:20px!important;overflow:hidden!important;
background:#0F0B1A!important;align-items:stretch!important;}
/* left: brand panel, spans all three rows
v55.22 -- "B" from a second round of samples: the logo did not read
as designed sitting small at the top corner. Centred instead, large,
with its own glow ring -- it is the hero of this panel now, quote
and stats are supporting copy centred below it, not beside it. */
.a2b-auth-brand{
grid-column:1!important;grid-row:1/4!important;position:relative!important;
background:
radial-gradient(420px 240px at 15% 0%,rgba(168,85,247,.30),transparent),
linear-gradient(165deg,#170D2E,#0A0714 72%)!important;
padding:44px 34px!important;display:flex!important;flex-direction:column!important;
align-items:center!important;justify-content:center!important;text-align:center!important;
box-sizing:border-box!important;}
.a2b-auth-brandmid{display:flex!important;flex-direction:column!important;align-items:center!important;}
.a2b-auth-logowrap{position:relative!important;margin:0 0 22px!important;}
.a2b-auth-logoglow{
position:absolute!important;inset:-30px!important;
background:radial-gradient(circle,rgba(168,85,247,.35),transparent 70%)!important;
filter:blur(4px)!important;}
.a2b-auth-logo{
position:relative!important;width:104px!important;height:auto!important;
filter:saturate(.55) drop-shadow(0 0 20px rgba(168,85,247,.55))!important;}
.a2b-auth-badge{
font-family:var(--font-heading,inherit)!important;font-weight:800!important;font-size:18px!important;color:#F1EEFF!important;
letter-spacing:.02em!important;}
.a2b-auth-quote{
font-family:var(--font-heading,inherit)!important;font-size:20px!important;font-weight:700!important;line-height:1.35!important;
color:#F1EEFF!important;}
.a2b-auth-quote span{color:#C4B5FD!important;}
.a2b-auth-stats{display:flex!important;justify-content:center!important;gap:24px!important;margin-top:22px!important;}
.a2b-auth-stats div b{display:block!important;font-family:var(--font-heading,inherit)!important;font-size:20px!important;font-weight:800!important;color:#F1EEFF!important;}
.a2b-auth-stats div span{font-size:11px!important;color:#8B7BAE!important;}
/* row 1, right: a real login/register error (wrong password, duplicate
email) lands here -- WooCommerce prints it as a sibling of the tabs
and the form, not inside either, so it gets its own row instead of
overlapping the tabs. Empty and 0-height the rest of the time. */
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper{
grid-column:2!important;grid-row:1!important;margin:24px 40px 0!important;}
/* row 2, right: the tab switch
v55.23 -- both tabs' own corner radius (was 7px) sat close against a
10px outer radius with only 4px of padding between them -- close
enough to read as pinched at the corner instead of a clean shape.
Full pill on both the outer bar and the tabs themselves sidesteps
that nesting math entirely: two concentric round shapes never pinch,
whatever the padding between them is. */
.a2b-auth-tabs{
grid-column:2!important;grid-row:2!important;display:flex!important;gap:6px!important;
background:#08060F!important;border:1px solid rgba(124,58,237,.22)!important;border-radius:999px!important;
padding:4px!important;margin:24px 40px 0!important;}
.a2b-auth-tab{
flex:1!important;border:0!important;background:transparent!important;color:#8B7BAE!important;cursor:pointer!important;
font-family:inherit!important;font-weight:700!important;font-size:12.5px!important;padding:9px 4px!important;border-radius:999px!important;}
.a2b-auth-tab.active{background:linear-gradient(135deg,#A855F7,#7C3AED 55%,#4F46E5)!important;color:#fff!important;}
/* bottom right: the form area */
body.woocommerce-account:not(.logged-in) .u-columns,
body.woocommerce-account:not(.logged-in) .col2-set,
body.woocommerce-account:not(.logged-in) #customer_login{
grid-column:2!important;grid-row:3!important;display:block!important;
width:auto!important;max-width:none!important;margin:0!important;float:none!important;
padding:26px 40px 44px!important;box-sizing:border-box!important;}
body.woocommerce-account:not(.logged-in) .u-columns::before,
body.woocommerce-account:not(.logged-in) .u-columns::after,
body.woocommerce-account:not(.logged-in) .col2-set::before,
body.woocommerce-account:not(.logged-in) .col2-set::after{display:none!important;}
/* only one column shows at a time -- #customer_login.a2b-show-register (JS) flips it */
.woocommerce-account .u-column2{display:none!important;}
#customer_login.a2b-show-register .u-column1{display:none!important;}
#customer_login.a2b-show-register .u-column2{display:block!important;}
/* v55.20 -- the same flip, driven by body class instead of JS, so a
failed Register submission (see the body_class filter, wp_footer
section) shows the Register form -- with its own error notice -- on
the very first paint. No flash of Login first: this is CSS, not a
post-load JS correction. */
body.a2b-auth-was-register #customer_login .u-column1{display:none!important;}
body.a2b-auth-was-register #customer_login .u-column2{display:block!important;}
body.a2b-auth-was-register .a2b-auth-tab[data-a2b-tab="login"]{background:transparent!important;color:#8B7BAE!important;}
body.a2b-auth-was-register .a2b-auth-tab[data-a2b-tab="register"]{
background:linear-gradient(135deg,#A855F7,#7C3AED 55%,#4F46E5)!important;color:#fff!important;}
.woocommerce-account .u-column1,.woocommerce-account .u-column2{
width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;}
/* WooCommerce's own "Login"/"Register" is redundant now -- the
tabs already say which one this is; the real heading is the PHP-
injected .a2b-auth-formtitle below (woocommerce_login_form_start /
woocommerce_register_form_start), which reads like a real headline
instead of a bare word. */
.woocommerce-account .u-column1 h2,.woocommerce-account .u-column2 h2{display:none!important;}
.a2b-auth-formtitle{
font-family:var(--font-heading,inherit)!important;font-size:1.3rem!important;font-weight:800!important;color:#F1EEFF!important;
margin:0 0 6px!important;}
.a2b-auth-k{font-size:13px!important;color:#8B7BAE!important;margin:0 0 24px!important;}
/* green perk row on the register form */
.a2b-auth-perk{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;
color:#6EE7B7!important;background:rgba(16,185,129,.10)!important;border:1px solid rgba(16,185,129,.22)!important;
border-radius:9px!important;padding:9px 12px!important;margin:0 0 18px!important;font-weight:600!important;}
.a2b-auth-perk svg{flex-shrink:0!important;}
.woocommerce form.login,.woocommerce form.register{
background:transparent!important;border:0!important;padding:0!important;margin:0!important;max-width:none!important;}
.woocommerce-account form .form-row{margin:0 0 16px!important;padding:0!important;width:100%!important;float:none!important;}
.woocommerce-account form .form-row label{display:block!important;font-size:11.5px!important;font-weight:600!important;color:#B9AEDC!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 8px!important;}
.woocommerce-account form input.input-text,.woocommerce-account form input[type=text],
.woocommerce-account form input[type=email],.woocommerce-account form input[type=password]{
width:100%!important;height:50px!important;background:#08060F!important;border:1px solid rgba(124,58,237,.22)!important;
border-radius:10px!important;padding:0 15px!important;color:#F1EEFF!important;font-size:14px!important;box-sizing:border-box!important;}
.woocommerce-account form input:focus{border-color:#7C3AED!important;box-shadow:0 0 0 3px rgba(124,58,237,.18)!important;outline:none!important;}
.woocommerce-account .password-input{display:block!important;position:relative!important;width:100%!important;}
.woocommerce-account .show-password-input{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;}
.woocommerce-form-login__rememberme{display:flex!important;align-items:center!important;gap:8px!important;margin:2px 0 18px!important;font-size:13px!important;color:#8B7BAE!important;}
.woocommerce-form-login__rememberme input{width:auto!important;height:auto!important;margin:0!important;}
.woocommerce-form-login__submit{
width:100%!important;background:linear-gradient(135deg,#A855F7,#7C3AED 55%,#4F46E5)!important;color:#fff!important;border:0!important;
border-radius:10px!important;padding:14px!important;font-weight:700!important;font-size:15px!important;
box-shadow:0 6px 20px rgba(124,58,237,.4)!important;transition:transform .15s!important;margin:0!important;}
.woocommerce-form-register__submit{
width:100%!important;background:linear-gradient(135deg,#A855F7,#7C3AED 55%,#4F46E5)!important;color:#fff!important;border:0!important;
border-radius:10px!important;padding:14px!important;font-weight:700!important;font-size:15px!important;
box-shadow:0 6px 20px rgba(124,58,237,.4)!important;margin:0!important;transition:transform .15s!important;}
.woocommerce-form-register__submit:hover,.woocommerce-form-login__submit:hover{transform:translateY(-1px)!important;}
.woocommerce-account .woocommerce-privacy-policy-text p,.woocommerce-account form.register p:not(.form-row):not(.a2b-auth-k){
font-size:12.5px!important;color:#8B7BAE!important;line-height:1.6!important;margin:0 0 16px!important;}
.woocommerce-account .lost_password{margin:14px 0 0!important;font-size:13px!important;}
.woocommerce-account .lost_password a{color:#A855F7!important;}
@media(max-width:860px){
body.woocommerce-account:not(.logged-in) .woocommerce{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;}
.a2b-auth-brand{grid-column:1!important;grid-row:1!important;}
body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper{grid-column:1!important;grid-row:2!important;margin:24px 24px 0!important;}
.a2b-auth-tabs{grid-column:1!important;grid-row:3!important;margin:24px 24px 0!important;}
body.woocommerce-account:not(.logged-in) .u-columns,
body.woocommerce-account:not(.logged-in) .col2-set,
body.woocommerce-account:not(.logged-in) #customer_login{grid-column:1!important;grid-row:4!important;padding:20px 24px 30px!important;}
}
/* plugin's own trust strip at the top of cart/checkout — owner wants only our chips */
body.woocommerce-checkout .acc2buy-trust-strip,body.woocommerce-cart .acc2buy-trust-strip{display:none!important;}
/* ============ 7. CHECKOUT — Design 04 "split panel, dark summary rail" ============ */
body.woocommerce-checkout .woocommerce{max-width:none!important;margin:0!important;padding:0 20px!important;}
/* the FORM carries the width, so a full-width theme wrapper can never stretch it */
body.woocommerce-checkout form.checkout,body.woocommerce-checkout form.woocommerce-checkout{
display:grid!important;grid-template-columns:minmax(0,1fr) 372px!important;
grid-template-areas:"notice notice" "details head" "details review"!important;
gap:0!important;width:100%!important;max-width:1080px!important;margin:38px auto 78px!important;
border:1px solid rgba(124,58,237,.20)!important;border-radius:18px!important;overflow:hidden!important;
background:#0F0B1A!important;align-items:stretch!important;float:none!important;}
body.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup,body.woocommerce-checkout form.checkout > .woocommerce-notices-wrapper{grid-area:notice!important;padding:0 30px!important;}
/* LEFT: details + payment, spans both rows */
body.woocommerce-checkout #customer_details{
grid-area:details!important;float:none!important;width:auto!important;min-width:0!important;
background:#0F0B1A!important;border:0!important;border-radius:0!important;padding:30px!important;box-sizing:border-box!important;}
body.woocommerce-checkout #customer_details .col-1,body.woocommerce-checkout #customer_details .col-2{width:100%!important;float:none!important;margin:0!important;padding:0!important;}
body.woocommerce-checkout #customer_details .col2-set::before,body.woocommerce-checkout #customer_details .col2-set::after{display:none!important;}
/* RIGHT: the dark summary rail */
body.woocommerce-checkout #order_review_heading{
grid-area:head!important;margin:0!important;padding:30px 28px 0!important;
background:#110B20!important;border:0!important;border-left:1px solid rgba(124,58,237,.20)!important;border-radius:0!important;
font-family:var(--font-heading,inherit)!important;font-size:1.05rem!important;font-weight:800!important;box-sizing:border-box!important;}
body.woocommerce-checkout #order_review{
grid-area:review!important;margin:0!important;padding:16px 28px 30px!important;
background:#110B20!important;border:0!important;border-left:1px solid rgba(124,58,237,.20)!important;border-radius:0!important;box-sizing:border-box!important;}
/* headings inside the left panel */
body.woocommerce-checkout #customer_details h3,body.woocommerce-checkout .woocommerce-additional-fields h3{
font-family:var(--font-heading,inherit)!important;font-size:1.02rem!important;font-weight:800!important;color:#F1EEFF!important;
margin:0 0 18px!important;padding:0 0 13px!important;border-bottom:1px solid rgba(124,58,237,.14)!important;}
body.woocommerce-checkout .woocommerce-additional-fields{margin-top:26px!important;}
/* fields */
body.woocommerce-checkout form.checkout .form-row{width:100%!important;float:none!important;margin:0 0 15px!important;padding:0!important;}
body.woocommerce-checkout form.checkout .form-row-first,body.woocommerce-checkout form.checkout .form-row-last{width:100%!important;}
@media(min-width:700px){
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 14px!important;}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row{grid-column:1 / -1!important;}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > #billing_first_name_field{grid-column:1!important;}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > #billing_last_name_field{grid-column:2!important;}
}
body.woocommerce-checkout form .form-row label{display:block!important;font-size:11.5px!important;font-weight:600!important;color:#B9AEDC!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 8px!important;}
body.woocommerce-checkout form .input-text,body.woocommerce-checkout form select,body.woocommerce-checkout form textarea,
body.woocommerce-checkout .select2-container--default .select2-selection--single{
width:100%!important;min-height:50px!important;height:50px!important;background:#08060F!important;border:1px solid rgba(124,58,237,.22)!important;
border-radius:10px!important;padding:0 15px!important;color:#F1EEFF!important;font-size:14px!important;box-sizing:border-box!important;}
body.woocommerce-checkout form textarea{height:auto!important;min-height:96px!important;padding:14px 15px!important;line-height:1.6!important;resize:vertical!important;}
body.woocommerce-checkout form .input-text:focus,body.woocommerce-checkout form select:focus,body.woocommerce-checkout form textarea:focus{
border-color:#7C3AED!important;box-shadow:0 0 0 3px rgba(124,58,237,.18)!important;outline:none!important;}
/* coupon toggle */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
background:rgba(124,58,237,.06)!important;border:1px dashed rgba(124,58,237,.35)!important;border-left:1px dashed rgba(124,58,237,.35)!important;
border-radius:11px!important;color:#C4B5FD!important;font-size:12.5px!important;padding:12px 16px!important;box-shadow:none!important;}
body.woocommerce-checkout form.checkout_coupon{background:#08060F!important;border:1px solid rgba(124,58,237,.20)!important;border-radius:12px!important;padding:18px!important;margin:0 0 20px!important;}
/* v55.16 -- the coupon form is its OWN