/* ==========================================================================
   Pusula3D NEXT — premium tech design layer (2026-10)
   Loaded last. Presentation only: no commerce handlers, forms or data touched.
   Remove the <link> to p3-next.css in sablon.twig to fully revert.
   ========================================================================== */
:root{
  --x-ink:#123d63;--x-ink-2:#0f3354;--x-ink-3:#174a75;
  --x-blue:#0a5fc4;--x-electric:#2f86ff;--x-cyan:#20c4e4;
  --x-grad:linear-gradient(115deg,#0a5fc4 0%,#2f86ff 52%,#20c4e4 100%);
  --x-grad-soft:linear-gradient(115deg,rgba(10,95,196,.10),rgba(32,196,228,.10));
  --x-bg:#f4f6f9;--x-card:#fff;--x-line:#e2e7ee;--x-line-2:#d3dbe5;
  --x-text:#0b1626;--x-muted:#5a6b80;
  --x-r-sm:10px;--x-r:16px;--x-r-lg:22px;
  --x-shadow:0 1px 2px rgba(7,17,31,.04),0 8px 24px -12px rgba(7,17,31,.12);
  --x-shadow-hover:0 2px 4px rgba(7,17,31,.04),0 24px 48px -20px rgba(10,95,196,.38);
  --x-display:'Space Grotesk','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --x-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --x-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --x-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Base ---------- */
body:not(#p3){font-family:var(--x-body);color:var(--x-text);background:var(--x-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}
body:not(#p3) :is(h1,h2,h3,h4,.title){font-family:var(--x-display)}
body:not(#p3) ::selection{background:#2f86ff;color:#fff}
body:not(#p3) :focus-visible{outline:2px solid var(--x-electric)!important;outline-offset:3px!important;border-radius:6px}
body:not(#p3) a{transition:color .2s var(--x-ease)}

/* ---------- Announcement + marquee bars ---------- */
body:not(#p3) .addons-campaign-bar .text{font-family:var(--x-mono)!important;font-size:11px!important;letter-spacing:.06em}
body:not(#p3) .addons-marquee-bar a.item,body:not(#p3) .addons-marquee-bar .item{font-family:var(--x-mono)!important;font-size:11.5px!important;letter-spacing:.04em}

/* ---------- Desktop header ---------- */
body:not(#p3) header.desktop .h-center{position:relative;z-index:40;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--x-line)!important;box-shadow:none}
body:not(#p3) header.desktop .search{background:#eef2f7!important;border:1px solid transparent!important;border-radius:999px!important;transition:box-shadow .25s var(--x-ease),border-color .25s,background .25s}
body:not(#p3) header.desktop .search:focus-within{background:#fff!important;border-color:rgba(47,134,255,.55)!important;box-shadow:0 0 0 5px rgba(47,134,255,.12)}
body:not(#p3) header.desktop .search input{font-family:var(--x-body);font-size:14px;color:var(--x-text);background:transparent!important}
body:not(#p3) header.desktop .search form .btn-send{background:var(--x-grad)!important;border:0!important;border-radius:999px!important;font-family:var(--x-display);font-weight:600;letter-spacing:.01em;box-shadow:0 6px 16px -8px rgba(47,134,255,.8);transition:filter .2s,transform .2s var(--x-ease)}
body:not(#p3) header.desktop .search form .btn-send:hover{filter:brightness(1.08);transform:translateY(-1px)}
body:not(#p3) header.desktop .bar-link{border-radius:999px!important;font-family:var(--x-display);font-weight:600;transition:all .25s var(--x-ease)}
body:not(#p3) header.desktop .bar-user{border:1px solid var(--x-line-2)!important;background:#fff!important;color:var(--x-text)!important}
body:not(#p3) header.desktop .bar-user:hover{border-color:var(--x-electric)!important;color:var(--x-blue)!important}
body:not(#p3) header.desktop .bar-cart{background:var(--x-ink)!important;border-color:var(--x-ink)!important;color:#fff!important;position:relative;overflow:hidden}
body:not(#p3) header.desktop .bar-cart:hover{background:var(--x-blue)!important;border-color:var(--x-blue)!important;box-shadow:0 10px 24px -10px rgba(47,134,255,.8)}
body:not(#p3) header.desktop .bar-cart .count{background:#fff!important;color:#095795!important;font-family:var(--x-mono);font-weight:700}
body:not(#p3) header.desktop .dropdown-menu{border:1px solid var(--x-line)!important;border-radius:var(--x-r)!important;box-shadow:0 30px 60px -24px rgba(7,17,31,.28)!important}

/* Quick-link icon row */
body:not(#p3) header.desktop .fast-menu{background:#fff!important;border-bottom:1px solid var(--x-line)!important}
body:not(#p3) .fast-menu .fast-menu-link{transition:transform .25s var(--x-ease),color .2s}
body:not(#p3) .fast-menu .fast-menu-link i{transition:transform .3s var(--x-ease),box-shadow .3s,background .3s}
body:not(#p3) .fast-menu .fast-menu-link:hover{transform:translateY(-2px);color:var(--x-blue)!important}
body:not(#p3) .fast-menu .fast-menu-link:hover i{transform:scale(1.06)}
body:not(#p3) .fast-menu .fast-menu-name{font-family:var(--x-display);font-weight:500;letter-spacing:.01em}

/* Mega menu */
body:not(#p3) header.desktop .menu{background:#fff!important;border-color:var(--x-line)!important}
body:not(#p3) header.desktop .mega-menu .nav-link{font-family:var(--x-display)!important;font-weight:500!important;font-size:13px!important;letter-spacing:.01em!important;position:relative}
body:not(#p3) header.desktop .mega-menu .nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:var(--x-grad);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--x-ease)}
body:not(#p3) header.desktop .mega-menu .nav-item:hover>.nav-link:after,body:not(#p3) header.desktop .mega-menu .nav-link:hover:after{transform:scaleX(1)}

/* ---------- Eyebrows & section titles ---------- */
body:not(#p3) .p3-eyebrow{font-family:var(--x-mono)!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.18em!important;font-size:10.5px!important;color:var(--x-blue)!important;display:inline-flex!important;align-items:center;gap:10px}
body:not(#p3) .p3-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--x-cyan);box-shadow:0 0 0 4px rgba(32,196,228,.18);flex:none}
body:not(#p3) .p3-collection-title h2,body:not(#p3) .p3-google h2{font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:-.035em!important;color:var(--x-text)!important}
body:not(#p3) .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title{font-family:var(--x-display)!important;font-weight:600!important;font-size:26px!important;letter-spacing:-.03em!important;color:var(--x-text)!important;display:inline-flex;align-items:center;gap:12px}
body:not(#p3) .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title:before{content:"";width:22px;height:4px;border-radius:4px;background:var(--x-grad);flex:none}

/* ---------- Hero slider ---------- */
body:not(#p3) .p3-hero{border-radius:var(--x-r-lg)!important;box-shadow:0 30px 80px -40px rgba(7,17,31,.35);isolation:isolate}
body:not(#p3) .p3-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(10,95,196,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(10,95,196,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 35%,transparent 60%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 35%,transparent 60%)}
body:not(#p3) .p3-hero h1,body:not(#p3) .p3-hero .p3-slide-title{font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1!important;color:var(--x-ink)!important}
body:not(#p3) .p3-hero p{font-family:var(--x-body)!important;color:#3e4f63!important}
body:not(#p3) .p3-hero-caption{font-family:var(--x-mono)!important;font-size:9.5px!important;letter-spacing:.22em!important}
body:not(#p3) .p3-btn{background:var(--x-grad)!important;background-size:160% 100%!important;background-position:0 0!important;border:0!important;border-radius:999px!important;font-family:var(--x-display)!important;font-weight:600!important;font-size:14px!important;letter-spacing:.005em;box-shadow:0 12px 28px -12px rgba(47,134,255,.85),inset 0 1px 0 rgba(255,255,255,.25);transition:background-position .45s var(--x-ease),transform .25s var(--x-ease),box-shadow .25s!important}
body:not(#p3) .p3-btn:hover{background-position:100% 0!important;transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(47,134,255,.95),inset 0 1px 0 rgba(255,255,255,.3)}
body:not(#p3) .p3-btn span[aria-hidden]{display:inline-block;transition:transform .3s var(--x-ease)}
body:not(#p3) .p3-btn:hover span[aria-hidden]{transform:translate(2px,-2px)}
body:not(#p3) .p3-btn-secondary{background:rgba(255,255,255,.7)!important;color:var(--x-blue)!important;border:1px solid var(--x-line-2)!important;box-shadow:none}
body:not(#p3) .p3-slider-controls button{border-radius:999px!important;background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8)!important;font-family:var(--x-mono)!important;font-size:11px!important;transition:all .2s}
body:not(#p3) .p3-slider-controls button:hover,body:not(#p3) .p3-slider-controls [aria-current=true]{background:var(--x-ink)!important;border-color:var(--x-ink)!important;color:#fff!important}
body:not(#p3) .p3-slider-controls [data-p3-status]{font-family:var(--x-mono)!important;font-size:11px}

/* Native banner sliders / headlines */
body:not(#p3) .p3-native-headline,body:not(#p3) .p3-commerce-headline .carousel,body:not(#p3) .p3-commerce-headline img{border-radius:var(--x-r-lg)!important;overflow:hidden}
body:not(#p3) .carousel-control-prev,body:not(#p3) .carousel-control-next{transition:opacity .2s}
body:not(#p3) .owl-carousel .owl-nav button,body:not(#p3) .owl-single-button{border-radius:999px!important;background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 20px -10px rgba(7,17,31,.35)!important;border:1px solid var(--x-line)!important;transition:transform .2s var(--x-ease),background .2s}
body:not(#p3) .owl-carousel .owl-nav button:hover,body:not(#p3) .owl-single-button:hover{transform:scale(1.06);background:#fff!important}

/* ---------- Promo tiles ---------- */
body:not(#p3) .p3-promo{border-radius:var(--x-r-lg)!important;border:1px solid rgba(255,255,255,.6);box-shadow:var(--x-shadow);transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease)}
body:not(#p3) .p3-promo img{transition:transform .9s var(--x-ease)}
body:not(#p3) .p3-promo:hover{transform:translateY(-4px);box-shadow:var(--x-shadow-hover)}
body:not(#p3) .p3-promo:hover img{transform:scale(1.045)}
body:not(#p3) .p3-promo h2{font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:-.035em!important}
body:not(#p3) .p3-promo-2 .p3-eyebrow{color:#cfe6ff!important}
body:not(#p3) .p3-text-link{font-family:var(--x-display);font-weight:600;text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--x-ink)!important;transition:background .2s}
body:not(#p3) .p3-promo:hover .p3-text-link{background:#fff}

/* ---------- Category paths ---------- */
body:not(#p3) .p3-paths{display:grid!important;gap:12px!important;border:0!important;background:transparent!important}
body:not(#p3) .p3-paths a{background:var(--x-card)!important;border:1px solid var(--x-line)!important;border-radius:var(--x-r)!important;box-shadow:var(--x-shadow);transition:transform .3s var(--x-ease),box-shadow .3s,border-color .3s!important}
body:not(#p3) .p3-paths a:hover{transform:translateY(-3px);border-color:rgba(47,134,255,.45)!important;box-shadow:var(--x-shadow-hover);background:#fff!important}
body:not(#p3) .p3-paths .p3-index{font-family:var(--x-mono)!important;font-weight:600;color:#fff!important;background:var(--x-grad)!important;border:0!important;border-radius:10px!important;min-width:36px;text-align:center;box-shadow:0 8px 18px -10px rgba(47,134,255,.9)}
body:not(#p3) .p3-paths b{font-family:var(--x-display);font-weight:600!important;letter-spacing:-.01em}
body:not(#p3) .p3-paths .p3-arrow{color:var(--x-blue);transition:transform .3s var(--x-ease)}
body:not(#p3) .p3-paths a:hover .p3-arrow{transform:translate(3px,-3px)}

/* ---------- Product cards ---------- */
body:not(#p3) .card-product .card-product-inner{background:var(--x-card)!important;border:1px solid var(--x-line)!important;border-radius:var(--x-r-lg)!important;box-shadow:var(--x-shadow)!important;transition:transform .35s var(--x-ease),box-shadow .35s var(--x-ease),border-color .35s!important;position:relative}
body:not(#p3) .card-product:hover .card-product-inner{transform:translateY(-4px);border-color:rgba(47,134,255,.4)!important;box-shadow:var(--x-shadow-hover)!important}
body:not(#p3) .card-product .image-wrapper{border-radius:calc(var(--x-r-lg) - 8px);overflow:hidden;background:radial-gradient(120% 90% at 50% 10%,#fff 0%,#f2f5f9 100%)}
body:not(#p3) .card-product .image-wrapper img{transition:transform .6s var(--x-ease)}
body:not(#p3) .card-product:hover .image-wrapper img{transform:scale(1.045)}
body:not(#p3) .card-product .card-product-inner .title{font-family:var(--x-body)!important;font-weight:600!important;font-size:14.5px!important;line-height:1.45!important;letter-spacing:-.005em;color:var(--x-text)!important}
body:not(#p3) .card-product .card-product-inner .title:hover{color:var(--x-blue)!important}
body:not(#p3) .card-product .price-group .prices .sale-price,body:not(#p3) .card-product .sale-price{font-family:var(--x-display)!important;font-weight:700!important;letter-spacing:-.02em;color:var(--x-ink)!important;font-variant-numeric:tabular-nums}
body:not(#p3) .card-product .price-group .prices .list-price,body:not(#p3) .card-product .list-price{font-family:var(--x-body)!important;color:#8a99ab!important}
body:not(#p3) .card-product .btn-cart{background:var(--x-ink)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:.01em;transition:background .25s,box-shadow .25s,transform .2s var(--x-ease)!important}
body:not(#p3) .card-product .btn-cart:not(.disabled):hover{background:var(--x-grad)!important;box-shadow:0 12px 26px -12px rgba(47,134,255,.9);transform:translateY(-1px)}
body:not(#p3) .card-product .btn-cart.disabled{background:#e7ecf2!important;color:#7d8ca0!important}
body:not(#p3) .card-product .discount{background:var(--x-grad)!important;border-radius:999px!important;font-family:var(--x-mono)!important;font-size:10.5px!important;letter-spacing:.04em;box-shadow:0 8px 18px -10px rgba(47,134,255,.9);z-index:3}
body:not(#p3) .card-product .it-over{font-family:var(--x-mono)!important;letter-spacing:.12em;text-transform:uppercase;background:rgba(18,61,99,.85)!important;color:#fff!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body:not(#p3) .card-product .quantity{border-radius:999px!important;overflow:hidden}
body:not(#p3) .card-product .add-favorite,body:not(#p3) .product-favourite-kart a{transition:transform .2s var(--x-ease),color .2s}
body:not(#p3) .card-product .add-favorite:hover{transform:scale(1.12);color:#e5484d!important}

/* ---------- Google reviews ---------- */
body:not(#p3) .p3-google{border-radius:var(--x-r-lg)!important;background:linear-gradient(180deg,#fff,#f6f8fb)!important;border:1px solid var(--x-line)!important}
body:not(#p3) .p3-review{border-radius:var(--x-r)!important;border:1px solid var(--x-line)!important;box-shadow:var(--x-shadow);transition:transform .3s var(--x-ease),box-shadow .3s}
body:not(#p3) .p3-review:hover{transform:translateY(-3px);box-shadow:var(--x-shadow-hover)}
body:not(#p3) .p3-review blockquote{font-family:var(--x-body)!important;font-size:15.5px!important;line-height:1.65!important;color:#1e2d40!important}
body:not(#p3) .p3-review-stars{color:#f5b301!important;letter-spacing:2px}
body:not(#p3) .p3-google-mark{font-family:var(--x-display)!important;font-weight:600}

/* ---------- Marketplace strip ---------- */
body:not(#p3) .p3-marketplaces{background:var(--x-ink)!important;border-radius:var(--x-r-lg)!important;overflow:hidden;position:relative;isolation:isolate;border:1px solid rgba(47,134,255,.25)!important}
body:not(#p3) .p3-marketplaces:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 120% at 0% 0%,rgba(47,134,255,.35),transparent 60%),radial-gradient(50% 120% at 100% 100%,rgba(32,196,228,.25),transparent 60%)}
body:not(#p3) .p3-market-link{background:transparent!important;transition:background .25s}
body:not(#p3) .p3-market-link:hover{background:rgba(255,255,255,.06)!important}
body:not(#p3) .p3-market-link strong{font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:-.02em}
body:not(#p3) .p3-market-link span{font-family:var(--x-mono)!important;font-size:10.5px!important;letter-spacing:.06em;color:#9fb7d6!important}

/* ---------- Footer (deep ink "lab" finish) ---------- */
body:not(#p3) footer{background:var(--x-ink)!important;color:#b5c3d6!important;position:relative;isolation:isolate}
body:not(#p3) footer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(70% 60% at 85% 0%,rgba(47,134,255,.16),transparent 70%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
body:not(#p3) footer .ff,body:not(#p3) footer .bar,body:not(#p3) footer .ee,body:not(#p3) footer .bb{background:transparent!important;border-color:rgba(255,255,255,.08)!important}
body:not(#p3) footer .bar{border-top:1px solid rgba(255,255,255,.08)!important}
body:not(#p3) footer :is(.title,.newsletter-title,.social-media-title,.mobile-app-title){color:#fff!important;font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:.01em}
body:not(#p3) footer :is(p,span,small,li,div){color:inherit}
body:not(#p3) footer a{color:#b5c3d6!important}
body:not(#p3) footer a:hover{color:#fff!important}
body:not(#p3) footer .info ul li a{color:#b5c3d6!important;position:relative}
body:not(#p3) footer .info ul li a:hover{color:#fff!important}
body:not(#p3) footer .contact-area,body:not(#p3) footer .contact-item,body:not(#p3) footer .mobile-app{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important;color:#dbe6f5!important}
body:not(#p3) footer .contact-area{border:1px solid rgba(255,255,255,.08)!important;border-radius:var(--x-r-lg)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body:not(#p3) footer .contact-area :is(a,span,strong,b,div,p){color:#e8f0fb}
body:not(#p3) footer .contact-area i{color:var(--x-cyan)!important}
body:not(#p3) footer .form-control,body:not(#p3) footer .newsletter-input,body:not(#p3) footer .form-phone-control{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:12px!important}
body:not(#p3) footer .form-control::placeholder{color:#8396ad!important}
body:not(#p3) footer .btn-submit,body:not(#p3) footer .btn{background:var(--x-grad)!important;border:0!important;color:#fff!important;border-radius:12px!important;font-family:var(--x-display)!important;font-weight:600!important}
body:not(#p3) footer .newsletter-form,body:not(#p3) footer .sms-newsletter-form{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;box-shadow:none!important}
body:not(#p3) footer .newsletter-form .form-control,body:not(#p3) footer .sms-newsletter-form .form-control{background:transparent!important;border:0!important}
body:not(#p3) footer .iti__selected-flag{background:transparent!important}
body:not(#p3) footer .iti__selected-dial-code,body:not(#p3) footer .iti__selected-flag *{color:#dbe6f5!important}
body:not(#p3) footer .iti__country-list{background:#fff!important;color:var(--x-text)!important}
body:not(#p3) footer .iti__country-list *{color:var(--x-text)!important}
body:not(#p3) footer .social-media a{border-radius:12px!important;transition:transform .2s var(--x-ease)}
body:not(#p3) footer .social-media a:hover{transform:translateY(-2px)}
body:not(#p3) footer .cards img,body:not(#p3) footer .right-image img{filter:brightness(1.05)}

/* ---------- Product detail ---------- */
body:not(#p3) .product-profile-1 h1.title{font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:-.03em!important;color:var(--x-ink)!important}
body:not(#p3) .product-profile-1 .sale-price,body:not(#p3) .product-profile-1 .price-group .sale-price{font-family:var(--x-display)!important;font-weight:700!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
body:not(#p3) .product-profile-1 .btn-cart{background:var(--x-ink)!important;border:0!important;font-family:var(--x-display)!important;font-weight:600!important;transition:background .25s,box-shadow .25s!important}
body:not(#p3) .product-profile-1 .btn-fast-buy{background:var(--x-grad)!important;border:0!important;color:#fff!important;border-radius:999px!important;font-family:var(--x-display)!important;font-weight:600!important;padding-left:22px!important;padding-right:22px!important;box-shadow:0 12px 26px -12px rgba(47,134,255,.9);transition:transform .2s var(--x-ease),filter .2s!important}
body:not(#p3) .product-profile-1 .btn-fast-buy:hover{transform:translateY(-1px);filter:brightness(1.07)}
body:not(#p3) .product-profile-1 .btn-cart:hover{background:var(--x-grad)!important;box-shadow:0 14px 30px -14px rgba(47,134,255,.95)}
body:not(#p3) .product-profile-1 .variant-box{border-radius:14px!important;border-color:var(--x-line)!important}
body:not(#p3) .product-profile-1,body:not(#p3) .shopping-cart-1,body:not(#p3) .payment-cart-summary-1,body:not(#p3) .payment-form-group-1{border-radius:var(--x-r-lg)!important}

/* ---------- Breadcrumb ---------- */
body:not(#p3) .breadcrumb{background:transparent!important;font-family:var(--x-mono);font-size:11.5px;letter-spacing:.02em}
body:not(#p3) .breadcrumb-item a{color:var(--x-muted)!important}
body:not(#p3) .breadcrumb-item a:hover{color:var(--x-blue)!important}

/* ---------- Forms & generic buttons (outside checkout) ---------- */
body:not(.cart-body):not(.payment-body):not(#p3) .btn-primary{background:var(--x-grad)!important;border:0!important;border-radius:12px!important}
body:not(#p3) .form-control:focus{border-color:rgba(47,134,255,.6)!important;box-shadow:0 0 0 4px rgba(47,134,255,.12)!important}

/* ---------- Mobile header + bottom nav ---------- */
body:not(#p3) header.mobile{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--x-line)!important}
body:not(#p3) header.mobile .badge{background:var(--x-grad)!important;color:#fff!important;font-family:var(--x-mono)}
body:not(#p3) .addons-mobile-menu{background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--x-line)!important}
body:not(#p3) .addons-mobile-menu a{font-family:var(--x-display)!important}

/* ---------- Scroll reveal (enabled by p3-next.js only) ---------- */
html.p3x-js .p3x-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s var(--x-ease),transform .7s var(--x-ease)}
html.p3x-js .p3x-reveal.p3x-in{opacity:1;transform:none}

/* Scrollbar */
@supports (scrollbar-color:auto){html{scrollbar-color:#b9c6d6 transparent;scrollbar-width:thin}}

@media (max-width:767px){
  body:not(#p3) .p3-hero h1,body:not(#p3) .p3-hero .p3-slide-title{letter-spacing:-.04em!important}
  body:not(#p3) .p3-hero{border-radius:18px!important}
  body:not(#p3) .p3-hero:before{-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 45%);mask-image:linear-gradient(180deg,#000 0%,transparent 45%)}
  body:not(#p3) .p3-paths{gap:8px!important}
  body:not(#p3) .p3-promo .p3-eyebrow{letter-spacing:.08em!important;font-size:9.5px!important;gap:7px}
  body:not(#p3) .p3-promo .p3-eyebrow:before{width:5px;height:5px;box-shadow:0 0 0 3px rgba(32,196,228,.18)}
  body:not(#p3) .card-product .card-product-inner{border-radius:16px!important}
  body:not(#p3) .pattern-group .p-g-mod-showcase .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title{font-size:21px!important}
}
@media (hover:none){
  body:not(#p3) .card-product:hover .card-product-inner,body:not(#p3) .p3-promo:hover,body:not(#p3) .p3-paths a:hover,body:not(#p3) .p3-review:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  html.p3x-js .p3x-reveal{opacity:1!important;transform:none!important;transition:none!important}
  body:not(#p3) *,body:not(#p3) *:before,body:not(#p3) *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ==========================================================================
   NEXT v2 — güven şeridi, akıllı sabit header, ilerleme çubuğu, spot ışık
   ========================================================================== */
body:not(#p3){accent-color:var(--x-blue)}

/* Trust strip under the hero */
.p3x-trust{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p3x-trust li{margin:0;padding:0;min-width:0}
.p3x-trust-item{display:flex;align-items:center;gap:14px;height:100%;padding:16px 18px;background:var(--x-card);border:1px solid var(--x-line);border-radius:var(--x-r);box-shadow:var(--x-shadow);color:var(--x-text)!important;text-decoration:none!important;position:relative;overflow:hidden;transition:transform .3s var(--x-ease),box-shadow .3s,border-color .3s}
a.p3x-trust-item:hover{transform:translateY(-2px);border-color:rgba(47,134,255,.45);box-shadow:var(--x-shadow-hover)}
.p3x-trust-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background:var(--x-grad);box-shadow:0 10px 22px -12px rgba(47,134,255,.95),inset 0 1px 0 rgba(255,255,255,.3)}
.p3x-trust-text{display:flex;flex-direction:column;min-width:0}
.p3x-trust-text b{font-family:var(--x-display);font-weight:600;font-size:15px;letter-spacing:-.01em;line-height:1.25}
.p3x-trust-text small{font-size:12.5px;color:var(--x-muted);line-height:1.4;margin-top:3px}
@media(max-width:991px){.p3x-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.p3x-trust{gap:8px;margin-top:12px}.p3x-trust-item{padding:12px;gap:10px;border-radius:14px}.p3x-trust-icon{width:36px;height:36px;border-radius:10px}.p3x-trust-icon svg{width:18px;height:18px}.p3x-trust-text b{font-size:13px}.p3x-trust-text small{font-size:11px}}

/* Pulsing live dot on eyebrows */
@keyframes p3xPulse{0%{box-shadow:0 0 0 0 rgba(32,196,228,.55)}70%{box-shadow:0 0 0 8px rgba(32,196,228,0)}100%{box-shadow:0 0 0 0 rgba(32,196,228,0)}}
body:not(#p3) .p3-hero .p3-eyebrow:before{animation:p3xPulse 2.4s infinite}

/* Scroll progress line */
.p3x-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1031;pointer-events:none;background:var(--x-grad);transform-origin:0 50%;transform:scaleX(0);will-change:transform}

/* Smart sticky desktop header (JS adds classes; spacer prevents layout shift) */
@keyframes p3xDown{from{transform:translateY(-100%)}to{transform:none}}
@media(min-width:992px){
  html.p3x-stuck body:not(#p3) header.desktop .h-center{position:fixed;top:0;left:0;right:0;z-index:1030;box-shadow:0 12px 30px -18px rgba(7,17,31,.35)!important;animation:p3xDown .35s var(--x-ease);transition:transform .35s var(--x-ease)}
  html.p3x-stuck.p3x-hide body:not(#p3) header.desktop .h-center{transform:translateY(-110%)}
}
.p3x-header-spacer{display:none}
html.p3x-stuck .p3x-header-spacer{display:block}

/* Cursor spotlight (fine pointers only) */
@media(hover:hover) and (pointer:fine){
  body:not(#p3) .card-product .card-product-inner:before,body:not(#p3) .p3-paths a:before,body:not(#p3) .p3x-trust-item:before,body:not(#p3) .p3-review:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(47,134,255,.12),transparent 65%);z-index:-1}
  body:not(#p3) .card-product:hover .card-product-inner:before,body:not(#p3) .p3-paths a:hover:before,body:not(#p3) .p3x-trust-item:hover:before,body:not(#p3) .p3-review:hover:before{opacity:1}
  body:not(#p3) .card-product .card-product-inner,body:not(#p3) .p3-paths a,body:not(#p3) .p3x-trust-item,body:not(#p3) .p3-review{position:relative;isolation:isolate}
}

/* Showcase header: "Tümü" link as a pill */
body:not(#p3) .p-g-mod-showcase .p-g-mod-header a,body:not(#p3) .p-g-mod-showcase .p-g-m-h-button a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--x-line-2);background:#fff;font-family:var(--x-display);font-weight:600;font-size:12.5px!important;color:var(--x-blue)!important;text-decoration:none!important;transition:all .25s var(--x-ease)}
body:not(#p3) .p-g-mod-showcase .p-g-mod-header a:after,body:not(#p3) .p-g-mod-showcase .p-g-m-h-button a:after{content:"→";transition:transform .25s var(--x-ease)}
body:not(#p3) .p-g-mod-showcase .p-g-mod-header a:hover,body:not(#p3) .p-g-mod-showcase .p-g-m-h-button a:hover{background:var(--x-ink);border-color:var(--x-ink);color:#fff!important}
body:not(#p3) .p-g-mod-showcase .p-g-mod-header a:hover:after{transform:translateX(3px)}

/* Footer service icons row */
body:not(#p3) .icon-group .inf i{display:inline-grid!important;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--x-grad-soft);color:var(--x-blue)!important;transition:transform .3s var(--x-ease),background .3s,color .3s}
body:not(#p3) .icon-group:hover .inf i{transform:translateY(-3px);background:var(--x-grad);color:#fff!important}
body:not(#p3) .icon-group .inf .name{font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:-.005em}

/* Category page: filter sidebar + toolbar */
body:not(#p3).categories-body .category-filter-list,body:not(#p3).categories-body .p-g-mod:has(.category-filter-list){border-radius:var(--x-r)!important}
body:not(#p3).categories-body .p-g-mod-header .p-g-m-h-i-title{font-family:var(--x-display)!important;font-weight:600!important;letter-spacing:-.01em}
body:not(#p3).categories-body .category-filter-order .form-control,body:not(#p3).categories-body .category-filter-order-mobile .form-control{border-radius:999px!important;border-color:var(--x-line-2)!important;font-family:var(--x-body)}
body:not(#p3).categories-body .product-view-select > *{border-radius:10px!important}
body:not(#p3).categories-body .category-price-inputs .form-control{border-radius:10px!important}
body:not(#p3).categories-body .category-price-inputs .btn{background:var(--x-ink)!important;color:#fff!important;border-radius:10px!important}

/* Pagination */
body:not(#p3) .pagination .page-link{border-radius:10px!important;margin:0 3px;border-color:var(--x-line)!important;color:var(--x-text);font-family:var(--x-mono);font-size:12.5px}
body:not(#p3) .pagination .page-item.active .page-link{background:var(--x-ink)!important;border-color:var(--x-ink)!important;color:#fff!important}

@media (prefers-reduced-motion:reduce){
  body:not(#p3) .p3-hero .p3-eyebrow:before{animation:none}
  .p3x-progress{display:none}
  html.p3x-stuck body:not(#p3) header.desktop .h-center{animation:none}
}

/* ==========================================================================
   v3 fixes — search focus frame, card frame on hover
   ========================================================================== */
body:not(#p3) header.desktop .search .input-box,body:not(#p3) header.desktop .search input,body:not(#p3) header.desktop .search input:focus,body:not(#p3) header.desktop .search input:focus-visible,body:not(#p3) header.desktop .search .input-box:focus-within{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important}
body:not(#p3) .card-product{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:var(--x-r-lg)!important}
body:not(#p3) .card-product:hover{border:0!important;box-shadow:none!important;background:transparent!important}
body:not(#p3) .card-product:hover .card-product-inner{transform:translateY(-3px)}
/* v4: no lift inside carousels (owl clips the top edge); header button spacing */
body:not(#p3) .card-product:hover .card-product-inner{transform:none!important}
body:not(#p3) .p-g-mod-showcase .p-g-mod-header{gap:16px;align-items:center}
body:not(#p3) .p-g-mod-showcase .p-g-m-h-info{flex:none}
body:not(#p3) .p-g-mod-showcase .p-g-m-h-i-title{white-space:nowrap}
body:not(#p3) .p-g-mod-showcase .p-g-m-h-button{flex:none;margin-left:16px!important}
@media(max-width:600px){body:not(#p3) .p-g-mod-showcase .p-g-m-h-info{flex:0 1 auto;min-width:0}body:not(#p3) .p-g-mod-showcase .p-g-m-h-i-title{white-space:normal}body:not(#p3) .p-g-mod-showcase .p-g-m-h-button{margin-left:8px!important}}
/* v5: equal-height product cards in grids and carousels */
body:not(#p3) .row > [class*="col"] > .card-product{height:100%}
body:not(#p3) .owl-carousel .owl-stage{display:flex}
body:not(#p3) .owl-carousel .owl-item{display:flex}
body:not(#p3) .owl-carousel .owl-item > .owl-carousel-item{display:flex;width:100%}
body:not(#p3) .owl-carousel .owl-carousel-item > .card-product{flex:1 1 auto;width:100%}
body:not(#p3) .card-product .card-product-inner{height:100%;display:flex;flex-direction:column}
body:not(#p3) .card-product .card-product-inner > .c-p-i-link{flex:1 1 auto;display:flex;flex-direction:column}
body:not(#p3) .card-product .card-product-inner > .c-p-i-link > .product-reviews{margin-top:auto}
/* v6: elite checkout — payment methods + order confirmation */
body:not(#p3) .payment-form-methods .nav-tabs{display:inline-flex!important;flex-wrap:wrap;gap:6px;padding:6px!important;margin:4px auto 22px!important;border:1px solid var(--x-line)!important;border-radius:16px!important;background:#eef2f7!important}
body:not(#p3) .payment-form-methods{text-align:center}
body:not(#p3) .payment-form-methods .tab-content{text-align:left}
body:not(#p3) .payment-form-methods .nav-tabs .nav-item{margin:0!important}
body:not(#p3) .payment-form-methods .nav-tabs .nav-link{border:0!important;border-radius:12px!important;background:transparent!important;color:var(--x-muted)!important;font-family:var(--x-display)!important;font-weight:600!important;font-size:14px!important;padding:11px 20px!important;margin:0!important;transition:background .25s,color .25s,box-shadow .25s!important}
body:not(#p3) .payment-form-methods .nav-tabs .nav-link:hover{color:var(--x-ink)!important;background:rgba(255,255,255,.6)!important}
body:not(#p3) .payment-form-methods .nav-tabs .nav-link.active{background:#fff!important;color:var(--x-ink)!important;box-shadow:0 1px 2px rgba(18,61,99,.08),0 8px 20px -10px rgba(18,61,99,.35)!important}
body:not(#p3) .payment-form-methods .nav-tabs .nav-link{position:relative}
body:not(#p3) .payment-form-methods .nav-tabs .nav-link.active:after{content:"";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);height:2px;width:22px;border-radius:2px;background:var(--x-grad)}
body:not(#p3) .payment-form-methods .tab-content{padding:6px 4px 4px}
body:not(#p3) .payment-form-methods .tab-content .alert{border:1px solid rgba(22,163,74,.22)!important;border-left:4px solid #16a34a!important;border-radius:14px!important;background:linear-gradient(90deg,#effaf3,#f7fcf9)!important;color:#14532d!important;font-weight:500;padding:14px 18px!important}
body:not(#p3) .payment-form-methods .tab-content .alert-info,body:not(#p3) .payment-form-methods .tab-content .alert-primary{border-color:rgba(10,95,196,.22)!important;border-left-color:var(--x-blue)!important;background:linear-gradient(90deg,#eef5fd,#f7faff)!important;color:var(--x-ink)!important}
body:not(#p3) .payment-form-methods .tab-content table{width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid var(--x-line)!important;border-radius:14px;overflow:hidden;background:#fff;margin:6px 0 14px!important}
body:not(#p3) .payment-form-methods .tab-content table th{background:#f4f6f9!important;border:0!important;border-bottom:1px solid var(--x-line)!important;font-family:var(--x-mono);font-size:11px!important;font-weight:600!important;letter-spacing:.08em;text-transform:uppercase;color:var(--x-muted)!important;padding:12px 16px!important}
body:not(#p3) .payment-form-methods .tab-content table td{border:0!important;border-top:1px solid #eef1f5!important;padding:15px 16px!important;background:#fff!important;color:var(--x-text)!important;font-weight:500;vertical-align:middle}
body:not(#p3) .payment-form-methods .tab-content table tr:first-child td{border-top:0!important}
body:not(#p3) .payment-form-methods .tab-content table td:nth-child(3){font-family:var(--x-mono);font-size:13.5px;letter-spacing:.04em;color:var(--x-ink)!important;font-weight:600}
body:not(#p3) .payment-form-methods .tab-content table tbody tr:hover td{background:#f8fbff!important}
body:not(#p3) .payment-form-methods .tab-content p,body:not(#p3) .payment-form-methods .tab-content .text-primary,body:not(#p3) .payment-form-methods .tab-content .text-info{color:var(--x-blue)}

/* Credit card form */
body:not(#p3) .credit-card-form .form-group label{font-family:var(--x-display)!important;font-weight:600!important;font-size:13px!important;color:var(--x-ink)!important;margin-bottom:7px!important}
body:not(#p3) .credit-card-form .form-group .form-control,body:not(#p3) .payment-form-group-1 .form-group .form-control{height:52px;border:1px solid var(--x-line-2)!important;border-radius:14px!important;background:#fbfcfe!important;font-family:var(--x-body);font-size:15px;color:var(--x-text);padding:0 16px!important;transition:border-color .2s,box-shadow .2s,background .2s}
body:not(#p3) .credit-card-form .form-group .form-control:focus,body:not(#p3) .payment-form-group-1 .form-group .form-control:focus{background:#fff!important;border-color:rgba(47,134,255,.65)!important;box-shadow:0 0 0 4px rgba(47,134,255,.12)!important}
body:not(#p3) .payment-form-group-1 .form-group textarea.form-control{height:auto;padding:12px 16px!important}
body:not(#p3) .credit-card-form input[name*="number" i],body:not(#p3) .credit-card-form input[name*="numara" i],body:not(#p3) .credit-card-form input[name*="cvv" i],body:not(#p3) .credit-card-form input[name*="cvc" i],body:not(#p3) .credit-card-form input[name*="expiry" i],body:not(#p3) .credit-card-form input[name*="tarih" i]{font-family:var(--x-mono)!important;letter-spacing:.08em}
body:not(#p3) .credit-card-form .credit-card-wrapper .jp-card .jp-card-front,body:not(#p3) .credit-card-form .credit-card-wrapper .jp-card .jp-card-back{background:linear-gradient(135deg,#0f3354 0%,#123d63 35%,#0a5fc4 75%,#20c4e4 130%)!important;box-shadow:0 24px 48px -22px rgba(18,61,99,.65)}
body:not(#p3) .credit-card-form .credit-card-wrapper .jp-card{border-radius:16px}
body:not(#p3) .credit-card-form .credit-card-wrapper .jp-card .jp-card-front,body:not(#p3) .credit-card-form .credit-card-wrapper .jp-card .jp-card-back{border-radius:16px!important}
body:not(#p3) .credit-card-form .credit-card-wrapper .jp-card .jp-card-front .jp-card-lower,body:not(#p3) .credit-card-form .credit-card-wrapper .jp-card .jp-card-front .jp-card-lower *{color:#fff!important;opacity:1!important}

/* Installments / cash on delivery rows */
body:not(#p3) .door-payment-methods .title,body:not(#p3) .cc-installments .head .title,body:not(#p3) .bill-payment-methods .head .title{font-family:var(--x-display)!important;font-weight:600!important;color:var(--x-ink)!important}
body:not(#p3) .door-payment-methods .method,body:not(#p3) .cc-installments .method,body:not(#p3) .bill-payment-methods .method{border:1px solid var(--x-line)!important;border-radius:14px!important;background:#fff!important;padding:15px 18px!important;margin-bottom:10px!important;transition:border-color .2s,box-shadow .2s,background .2s!important}
body:not(#p3) .door-payment-methods .method:hover,body:not(#p3) .cc-installments .method:hover,body:not(#p3) .bill-payment-methods .method:hover{border-color:rgba(47,134,255,.45)!important;box-shadow:0 10px 24px -16px rgba(10,95,196,.45)!important}
body:not(#p3) .door-payment-methods .method:has(input:checked),body:not(#p3) .cc-installments .method.active,body:not(#p3) .cc-installments .method:has(input:checked){border-color:var(--x-blue)!important;background:linear-gradient(90deg,#f2f7fe,#fff)!important;box-shadow:inset 3px 0 0 var(--x-blue)!important}
body:not(#p3) .door-payment-methods .method .name,body:not(#p3) .cc-installments .method .name{font-weight:600;color:var(--x-text)}
body:not(#p3) .door-payment-methods .method .price,body:not(#p3) .cc-installments .method .price-1,body:not(#p3) .cc-installments .method .price-2{font-family:var(--x-display)!important;font-weight:700!important;color:var(--x-ink)!important;font-variant-numeric:tabular-nums}

/* Complete order button */
body:not(#p3) .payment-final-buttons-1 .btn-complete{background:var(--x-grad)!important;border:0!important;border-radius:14px!important;font-family:var(--x-display)!important;font-weight:700!important;letter-spacing:.01em;box-shadow:0 16px 32px -16px rgba(47,134,255,.95)!important;transition:filter .2s,transform .2s var(--x-ease)!important}
body:not(#p3) .payment-final-buttons-1 .btn-complete:hover{filter:brightness(1.07);transform:translateY(-1px)}
body:not(#p3) .payment-steps-1 .step.active .circle,body:not(#p3) .payment-steps-1 .step.completed .circle{background:var(--x-grad)!important;border-color:transparent!important;color:#fff!important}

/* Order confirmation */
@keyframes p3xPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
body:not(#p3) .payment-success-alert{text-align:center;padding:12px 8px 4px!important}
body:not(#p3) .payment-success-alert .check-icon{display:inline-grid!important;place-items:center;width:84px;height:84px;font-size:84px!important;line-height:1!important;border-radius:50%;color:#16a34a!important;background:#fff;box-shadow:0 0 0 10px rgba(22,163,74,.10),0 0 0 22px rgba(22,163,74,.05),0 18px 40px -18px rgba(22,163,74,.6);margin:18px auto 26px!important;animation:p3xPop .6s var(--x-ease) both}
body:not(#p3) .payment-success-alert h4.text-success{font-family:var(--x-display)!important;font-weight:700!important;font-size:clamp(22px,2.6vw,30px)!important;letter-spacing:-.03em!important;color:var(--x-ink)!important;margin-bottom:16px!important}
body:not(#p3) .payment-success-alert h5.bg-dark{display:inline-flex!important;align-items:center;gap:10px;background:linear-gradient(135deg,#0f3354,#123d63 55%,#0a5fc4)!important;color:#fff!important;font-family:var(--x-mono)!important;font-weight:600!important;font-size:17px!important;letter-spacing:.06em;padding:14px 22px!important;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 32px -18px rgba(18,61,99,.8),inset 0 1px 0 rgba(255,255,255,.15)}
body:not(#p3) .payment-success-alert h5.bg-dark:before{content:"#";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.14);color:#9fe3f2;font-size:14px}
body:not(#p3) .payment-success-alert b,body:not(#p3) .payment-success-alert strong,body:not(#p3) .payment-success-alert p{color:var(--x-text)}
body:not(#p3) .payment-success-alert > p:first-of-type,body:not(#p3) .payment-success-alert > b,body:not(#p3) .payment-success-alert > strong{display:block;max-width:640px;margin:0 auto 10px!important;font-weight:500!important;color:var(--x-muted)!important;line-height:1.7}
body:not(#p3) .p3-order-review{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--x-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--x-shadow)!important;padding:22px 26px!important}
body:not(#p3) .p3-order-review:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--x-grad)}
body:not(#p3) .p3-order-review:after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(47,134,255,.10),transparent 70%);z-index:-1}
body:not(#p3) .p3-order-review__icon{border:0!important;background:conic-gradient(from 210deg,#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)!important;color:#fff!important;font-family:var(--x-display)!important;width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important;box-shadow:0 10px 22px -12px rgba(66,133,244,.8)}
body:not(#p3) .p3-order-review h2{font-family:var(--x-display)!important;font-weight:700!important;color:var(--x-ink)!important;letter-spacing:-.02em!important}
body:not(#p3) .p3-order-review p{font-family:var(--x-body)!important;color:var(--x-muted)!important}
body:not(#p3) .p3-order-review__link{background:var(--x-grad)!important;border:0!important;border-radius:999px!important;font-family:var(--x-display)!important;font-weight:600!important;padding:13px 22px!important;box-shadow:0 14px 28px -14px rgba(47,134,255,.95)!important;transition:filter .2s,transform .2s var(--x-ease)!important}
body:not(#p3) .p3-order-review__link:hover{filter:brightness(1.07);transform:translateY(-1px)}
@media(max-width:600px){body:not(#p3) .payment-form-methods .nav-tabs{display:flex!important;width:100%}body:not(#p3) .payment-form-methods .nav-tabs .nav-item{flex:1}body:not(#p3) .payment-form-methods .nav-tabs .nav-link{padding:10px 8px!important;font-size:13px!important;text-align:center}body:not(#p3) .payment-success-alert h5.bg-dark{font-size:14px!important;padding:12px 14px!important}}
@media(prefers-reduced-motion:reduce){body:not(#p3) .payment-success-alert .check-icon{animation:none}}
/* v7: phone field flag, review cards, marketplace text */
body:not(#p3) .iti{width:100%}
body:not(#p3) .payment-form-group-1 .form-group .iti .form-control,body:not(#p3) .iti input.form-control,body:not(#p3) .iti input[type="tel"]{padding-left:58px!important}
body:not(#p3) .iti .iti__flag-container{padding:0 0 0 6px}
body:not(#p3) .iti .iti__selected-flag{border-radius:12px 0 0 12px;padding:0 6px 0 12px!important;background:transparent!important}
body:not(#p3) .owl-carousel .owl-carousel-item > .card-comment{flex:1 1 auto;width:100%}
body:not(#p3) .card-comment{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;padding:18px!important;border:1px solid var(--x-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--x-shadow)!important}
body:not(#p3) .card-comment > .info{margin-bottom:14px!important}
body:not(#p3) .card-comment .stars i.active{color:#f5b301!important}
body:not(#p3) .card-comment .date{font-family:var(--x-mono);font-size:10.5px!important;color:var(--x-muted)!important}
body:not(#p3) .card-comment .customer > .name{font-family:var(--x-display);font-size:12.5px!important;color:var(--x-ink)!important}
body:not(#p3) .card-comment .customer > .comment{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden!important;font-size:13.5px!important;line-height:1.6!important;color:#33475e!important}
body:not(#p3) .p3-marketplaces .p3-market-link strong{color:#fff!important}
body:not(#p3) .p3-marketplaces .p3-market-link span{color:#cfe0f5!important}
body:not(#p3) .p3-marketplaces .p3-market-link{border-color:rgba(255,255,255,.14)!important}
body:not(#p3) .card-comment .customer > .comment{-webkit-line-clamp:6!important;line-clamp:6!important;-webkit-box-orient:vertical!important;max-height:calc(1.6em * 6)!important}
/* v8: tidy review cards + "Devamını oku" dialog; touch-device phone country picker */
body:not(#p3) .card-comment{min-height:206px;gap:0}
body:not(#p3) .card-comment > .info{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;margin:0 0 14px!important;padding:0!important}
body:not(#p3) .card-comment .stars{display:flex!important;gap:2px}
body:not(#p3) .card-comment .stars i{font-size:13px!important;margin:0!important;color:#d5dde7!important}
body:not(#p3) .card-comment .stars i.active{color:#f5b301!important}
body:not(#p3) .card-comment > a.product{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important;row-gap:10px!important;align-items:center!important;flex:1 1 auto;text-decoration:none!important;color:inherit!important}
body:not(#p3) .card-comment .product > .image{grid-column:1;grid-row:1;width:44px!important;height:44px!important;min-width:0!important;max-width:44px!important;margin:0!important;padding:3px!important;border:1px solid var(--x-line)!important;border-radius:10px!important;background:#fff!important;overflow:hidden}
body:not(#p3) .card-comment .product > .image img{width:100%!important;height:100%!important;object-fit:contain!important}
body:not(#p3) .card-comment .customer{display:contents!important}
body:not(#p3) .card-comment .customer > .name{grid-column:2;grid-row:1;margin:0!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.02em}
body:not(#p3) .card-comment .customer > .comment{grid-column:1 / -1;grid-row:2;align-self:start;margin:0!important;-webkit-line-clamp:3!important;line-clamp:3!important;max-height:calc(1.6em * 3)!important}
body:not(#p3) .p3x-more{align-self:flex-start;margin-top:12px;padding:0;border:0;background:none;font-family:var(--x-display);font-weight:600;font-size:13px;color:var(--x-blue);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
body:not(#p3) .p3x-more:after{content:"→";transition:transform .2s var(--x-ease)}
body:not(#p3) .p3x-more:hover:after{transform:translateX(3px)}
body:not(#p3) .p3x-more:focus-visible{outline:2px solid var(--x-electric);outline-offset:3px;border-radius:6px}
.p3x-dialog{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(7,17,31,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:p3xFade .2s ease}
.p3x-dialog[hidden]{display:none}
@keyframes p3xFade{from{opacity:0}to{opacity:1}}
.p3x-dialog__box{position:relative;width:min(520px,100%);max-height:min(80vh,640px);overflow:auto;background:#fff;border-radius:20px;padding:26px 26px 22px;box-shadow:0 40px 80px -30px rgba(7,17,31,.6);font-family:var(--x-body);color:var(--x-text)}
body:not(#p3) .p3x-dialog__box .card-comment{min-height:0;border:0!important;box-shadow:none!important;padding:0!important}
body:not(#p3) .p3x-dialog__box .card-comment .customer > .comment{-webkit-line-clamp:unset!important;line-clamp:none!important;max-height:none!important;display:block!important;overflow:visible!important;font-size:15px!important;line-height:1.7!important}
body:not(#p3) .p3x-dialog__box .p3x-more{display:none}
.p3x-dialog__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--x-line);background:#fff;color:var(--x-ink);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}
.p3x-dialog__close:hover{background:#f1f5fa}
html.p3x-noscroll{overflow:hidden}
body:not(#p3).iti-mobile .iti--container{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;z-index:2000!important;display:flex!important;align-items:center;justify-content:center;padding:24px;background:rgba(7,17,31,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
body:not(#p3).iti-mobile .iti--container .iti__country-list{position:relative!important;top:auto!important;left:auto!important;width:min(420px,100%)!important;max-height:min(70vh,520px)!important;margin:0!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 30px 60px -20px rgba(7,17,31,.5)!important;padding:6px 0!important;white-space:normal}
body:not(#p3).iti-mobile .iti__country{padding:12px 16px!important;font-size:15px}
body:not(#p3) .iti__country-list{border-radius:12px;border:1px solid var(--x-line)!important;box-shadow:0 20px 40px -20px rgba(7,17,31,.35)!important}
body:not(#p3) .iti__country.iti__highlight,body:not(#p3) .iti__country:hover{background:#eef4fc!important}
body:not(#p3) .p3x-dialog__box .card-comment .customer > .comment{height:auto!important}
.p3x-dialog__box{padding-top:58px}
/* v9: shipping countdown — design S (soft tone, one sentence) */
body:not(#p3) .p3x-ship{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;clear:both;margin:10px 0 15px;padding:14px 16px;border-radius:14px;background:#f4f7fb;border:0}
body:not(#p3) .p3x-ship__icon{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--x-line);color:var(--x-ink)}
body:not(#p3) .p3x-ship__body{min-width:0;flex:1}
body:not(#p3) .p3x-ship__sentence{font-family:var(--x-body);font-size:14px;line-height:1.55;color:#33475e;font-weight:400}
body:not(#p3) .p3x-ship__sentence b{font-weight:600;color:var(--x-ink)}
body:not(#p3) .p3x-ship__time{font-family:var(--x-mono);font-weight:500!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
body:not(#p3) .p3x-ship__meta{font-size:12px;color:var(--x-muted)}
body:not(#p3) .p3x-ship__meta:has(span:empty + span:empty){display:none}
body:not(#p3) .p3x-ship__meta #pusula-timer{font-family:var(--x-mono);color:var(--x-ink);font-weight:500}
body:not(#p3) .p3x-ship__range{font-size:12px;color:var(--x-muted);margin-top:4px}
@media(max-width:600px){body:not(#p3) .p3x-ship{padding:12px 14px;gap:12px}body:not(#p3) .p3x-ship__sentence{font-size:13.5px}}
/* v10: correct half stars + clickable ratings */
body:not(#p3) .product-reviews .stars{display:inline-flex!important;align-items:center;gap:2px}
body:not(#p3) .product-reviews .star{position:relative!important;display:inline-block!important;line-height:1;color:#f5b301!important}
body:not(#p3) .product-reviews .star i{color:#f5b301!important;margin:0!important}
body:not(#p3) .product-reviews .star i.dark,body:not(#p3) .product-reviews .star:not(.fill) i{color:#d5dde7!important}
body:not(#p3) .product-reviews .star .fa-star-half{position:absolute!important;left:0;top:0;z-index:1;color:#f5b301!important}
body:not(#p3) .product-reviews .count{font-size:12px;color:var(--x-muted);margin-left:4px}
body:not(#p3) [data-p3x-rev]{cursor:pointer;border-radius:6px;transition:opacity .2s}
body:not(#p3) [data-p3x-rev]:hover .count{color:var(--x-blue);text-decoration:underline;text-underline-offset:3px}
/* v11: premium product reviews (Yorumlar tab) */
body:not(#p3) .product-comment-list-v2{background:#fff;border:1px solid var(--x-line);border-radius:22px;padding:26px 28px;box-shadow:var(--x-shadow)}
body:not(#p3) .product-comment-list-v2 > .row{align-items:stretch;row-gap:16px}
body:not(#p3) .product-comment-list-v2 .score{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 16px;border-radius:18px;background:#f4f7fb;text-align:center}
body:not(#p3) .product-comment-list-v2 .score .total{font-family:var(--x-display)!important;font-weight:700!important;font-size:54px!important;line-height:1!important;letter-spacing:-.04em;color:var(--x-ink)!important}
body:not(#p3) .product-comment-list-v2 .score .stars{display:inline-flex!important;gap:3px}
body:not(#p3) .product-comment-list-v2 .score .star{position:relative!important;display:inline-block!important;line-height:1;font-size:20px!important}
body:not(#p3) .product-comment-list-v2 .score .star i{color:#f5b301!important;margin:0!important;font-size:20px!important}
body:not(#p3) .product-comment-list-v2 .score .star i.dark{color:#d5dde7!important}
body:not(#p3) .product-comment-list-v2 .score .star .fa-star-half{position:absolute!important;left:0;top:0;z-index:1}
body:not(#p3) .product-comment-list-v2 .score .count{font-family:var(--x-mono);font-size:12px!important;letter-spacing:.06em;color:var(--x-muted)!important;text-transform:uppercase}
body:not(#p3) .product-comment-list-v2 .summary{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}
body:not(#p3) .product-comment-list-v2 .summary .item{display:flex!important;align-items:center;gap:12px;margin:0!important}
body:not(#p3) .product-comment-list-v2 .summary .stars{flex:none;display:inline-flex;gap:2px}
body:not(#p3) .product-comment-list-v2 .summary .stars i{font-size:12px!important;margin:0!important;color:#d5dde7!important}
body:not(#p3) .product-comment-list-v2 .summary .stars i.fill{color:#f5b301!important}
body:not(#p3) .product-comment-list-v2 .summary .rate{position:relative;flex:1;height:8px!important;border-radius:999px!important;overflow:hidden;background:#eef2f7!important}
body:not(#p3) .product-comment-list-v2 .summary .rate .light{display:none!important}
body:not(#p3) .product-comment-list-v2 .summary .rate .fill{position:absolute;left:0;top:0;bottom:0;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#f5b301,#ffcf4d)!important}
body:not(#p3) .product-comment-list-v2 .summary .count{flex:none;min-width:30px;text-align:right;font-family:var(--x-mono);font-size:12px!important;color:var(--x-muted)!important}
body:not(#p3) .product-comment-list-v2 .leave-comment{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 16px;border-radius:18px;border:1px dashed var(--x-line-2);text-align:center}
body:not(#p3) .product-comment-list-v2 .leave-comment .description{font-family:var(--x-display);font-weight:600;font-size:16px!important;line-height:1.35;color:var(--x-ink)!important;max-width:240px}
body:not(#p3) .product-comment-list-v2 .leave-comment .btn{background:var(--x-grad)!important;border:0!important;border-radius:999px!important;color:#fff!important;font-family:var(--x-display)!important;font-weight:600!important;padding:12px 22px!important;max-width:240px;box-shadow:0 12px 26px -12px rgba(47,134,255,.9);transition:filter .2s,transform .2s var(--x-ease)}
body:not(#p3) .product-comment-list-v2 .leave-comment .btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
body:not(#p3) .product-comment-list-v2 > hr{border:0;border-top:1px solid var(--x-line);margin:26px 0 6px}
body:not(#p3) .product-comment-list-v2 .comments > .item{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:20px 0!important;border:0!important;border-bottom:1px solid #eef1f5!important;margin:0!important;background:transparent!important}
body:not(#p3) .product-comment-list-v2 .comments > .item:last-child{border-bottom:0!important}
body:not(#p3) .product-comment-list-v2 .comments > .item > *{grid-column:2}
body:not(#p3) .product-comment-list-v2 .comments > .item > .p3x-avatar{grid-column:1;grid-row:1 / span 3;align-self:start}
.p3x-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#eef4fc,#dce9f8);color:var(--x-ink);font-family:var(--x-display);font-weight:700;font-size:16px;letter-spacing:.02em}
body:not(#p3) .product-comment-list-v2 .comments .customer{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 8px!important}
body:not(#p3) .product-comment-list-v2 .comments .customer .name{font-family:var(--x-display)!important;font-weight:600!important;font-size:15px!important;color:var(--x-ink)!important;letter-spacing:.01em}
body:not(#p3) .product-comment-list-v2 .comments .customer .stars{display:inline-flex;gap:2px}
body:not(#p3) .product-comment-list-v2 .comments .customer .stars i{font-size:12px!important;margin:0!important;color:#d5dde7!important}
body:not(#p3) .product-comment-list-v2 .comments .customer .stars i.fill{color:#f5b301!important}
body:not(#p3) .product-comment-list-v2 .comments .customer .date{font-family:var(--x-mono);font-size:12px!important;color:var(--x-muted)!important}
body:not(#p3) .product-comment-list-v2 .comments .customer .approved{display:inline-flex!important;align-items:center;gap:5px;padding:3px 10px!important;border-radius:999px!important;background:#ecfbf1!important;border:1px solid rgba(22,163,74,.2)!important;color:#15803d!important;font-size:11.5px!important;font-weight:600!important}
body:not(#p3) .product-comment-list-v2 .comments .customer .approved:before{content:"✓";font-weight:700}
body:not(#p3) .product-comment-list-v2 .comments .comment{font-size:15px!important;line-height:1.7!important;color:#33475e!important;margin:0 0 12px!important}
body:not(#p3) .product-comment-list-v2 .comments .control{display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body:not(#p3) .product-comment-list-v2 .comments .control .like{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--x-muted)}
body:not(#p3) .product-comment-list-v2 .comments .control .like span{font-style:normal!important}
body:not(#p3) .product-comment-list-v2 .comments .control .like a{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--x-line);border-radius:999px;color:var(--x-muted)!important;font-family:var(--x-mono);font-size:12px;text-decoration:none!important;transition:border-color .2s,color .2s,background .2s}
body:not(#p3) .product-comment-list-v2 .comments .control .like a:hover{border-color:rgba(47,134,255,.5);color:var(--x-blue)!important;background:#f5f9ff}
body:not(#p3) .product-comment-list-v2 .comments .control .report a{font-size:12px;color:#94a3b8!important;text-decoration:none!important}
body:not(#p3) .product-comment-list-v2 .comments .control .report a:hover{color:#dc2626!important}
body:not(#p3) .product-comment-list-v2 .show-more .btn,body:not(#p3) .product-comment-list-v2 .show-more{border-radius:999px!important}
body:not(#p3) .product-comment-list-v2 .show-more .btn{border:1px solid var(--x-line-2)!important;background:#fff!important;color:var(--x-ink)!important;font-family:var(--x-display);font-weight:600;padding:9px 20px!important}
@media(max-width:767px){body:not(#p3) .product-comment-list-v2{padding:18px 16px;border-radius:18px}body:not(#p3) .product-comment-list-v2 .score .total{font-size:44px!important}body:not(#p3) .product-comment-list-v2 .comments > .item{grid-template-columns:36px minmax(0,1fr);column-gap:12px}.p3x-avatar{width:36px;height:36px;font-size:14px}}
/* v12: premium customer account (Hesabım) */
body:not(#p3) .user-account-styles .user-account-left-wrapper,body:not(#p3) .user-account-styles .user-account-right-wrapper{background:#fff!important;border:1px solid var(--x-line)!important;border-radius:22px!important;box-shadow:var(--x-shadow)!important}
body:not(#p3) .user-account-styles .user-account-left-wrapper{padding:18px 14px!important}
body:not(#p3) .user-account-styles .user-account-right-wrapper{padding:26px 28px!important}
body:not(#p3) .user-account-styles .user-account-information{display:flex!important;align-items:center;gap:12px;padding:6px 8px 16px!important;margin-bottom:10px!important;border-bottom:1px solid var(--x-line)!important}
body:not(#p3) .user-account-styles .user-account-information .user-letters{width:52px!important;height:52px!important;min-width:52px;border-radius:50%!important;border:0!important;background:var(--x-grad)!important;color:#fff!important;font-family:var(--x-display)!important;font-weight:700!important;font-size:18px!important;display:grid!important;place-items:center;box-shadow:0 10px 22px -12px rgba(47,134,255,.9)}
body:not(#p3) .user-account-styles .user-account-information .user-band{color:var(--x-muted)!important;font-size:12.5px!important}
body:not(#p3) .user-account-styles .user-account-information .user-band .name{font-family:var(--x-display)!important;font-weight:700!important;font-size:16px!important;color:var(--x-ink)!important;text-transform:capitalize;letter-spacing:-.01em}
body:not(#p3) .user-account-styles .user-account-menu{display:flex;flex-direction:column;gap:2px}
body:not(#p3) .user-account-styles .user-account-menu a{display:flex!important;align-items:center;gap:12px;padding:11px 12px!important;border-radius:12px!important;color:#33475e!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important;border:0!important;background:transparent!important;transition:background .2s,color .2s,box-shadow .2s!important}
body:not(#p3) .user-account-styles .user-account-menu a i{width:22px!important;min-width:22px;text-align:center;font-size:17px!important;color:#7d8ca0!important;margin:0!important;transition:color .2s}
body:not(#p3) .user-account-styles .user-account-menu a:hover{background:#f4f7fb!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-menu a:hover i{color:var(--x-blue)!important}
body:not(#p3) .user-account-styles .user-account-menu a.active{background:linear-gradient(90deg,#eaf2fd,#f6f9fe)!important;color:var(--x-ink)!important;font-weight:600!important;box-shadow:inset 3px 0 0 var(--x-blue)!important}
body:not(#p3) .user-account-styles .user-account-menu a.active i{color:var(--x-blue)!important}
body:not(#p3) .user-account-styles .user-account-menu a.user-menu-cikis{margin-top:6px;border-top:1px solid var(--x-line)!important;border-radius:0 0 12px 12px!important;padding-top:14px!important}
body:not(#p3) .user-account-styles .user-account-menu a.user-menu-cikis:hover{background:#fef2f2!important;color:#b91c1c!important}
body:not(#p3) .user-account-styles .user-account-menu a.user-menu-cikis:hover i{color:#dc2626!important}
body:not(#p3) .user-account-styles .user-account-top{background:#fff!important;border:1px solid var(--x-line)!important;border-radius:18px!important;padding:12px 14px!important;box-shadow:var(--x-shadow)}
body:not(#p3) .user-account-styles .user-account-top .buttons .btn-ua-menu{border-radius:12px!important;border:1px solid var(--x-line-2)!important;background:#fff!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-mobile-menu{border-radius:0 18px 18px 0}
body:not(#p3) .user-account-styles .user-account-page-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px!important;padding-bottom:18px!important;border-bottom:1px solid var(--x-line)!important}
body:not(#p3) .user-account-styles .user-account-page-header .title{font-family:var(--x-display)!important;font-weight:700!important;font-size:24px!important;letter-spacing:-.03em!important;color:var(--x-ink)!important;margin:0!important}
body:not(#p3) .user-account-styles .user-account-page-header .description{color:var(--x-muted)!important;font-size:13.5px!important}
body:not(#p3) .user-account-styles .user-account-page-header .back{display:inline-flex!important;align-items:center;gap:6px;height:38px;padding:0 14px!important;border-radius:999px!important;border:1px solid var(--x-line-2)!important;background:#fff!important;color:var(--x-ink)!important;font-family:var(--x-display);font-weight:600;font-size:13px!important;text-decoration:none!important;transition:all .2s}
body:not(#p3) .user-account-styles .user-account-page-header .back:hover{border-color:var(--x-ink)!important;background:var(--x-ink)!important;color:#fff!important}
body:not(#p3) .user-account-styles .user-account-page-header .toolbar{margin-left:auto;display:flex;align-items:center;gap:10px}
body:not(#p3) .user-account-styles .user-account-page-header .toolbar .balance-badge{border-radius:999px!important;background:#f4f7fb!important;border:1px solid var(--x-line)!important;color:var(--x-ink)!important;padding:8px 14px!important;font-family:var(--x-display);font-weight:600}
body:not(#p3) .user-account-styles .user-account-page-header .toolbar .balance-badge .value{color:var(--x-blue)!important;font-weight:700}
body:not(#p3) .user-account-styles .btn-success,body:not(#p3) .user-account-styles .user-account-page-header .toolbar .btn,body:not(#p3) .user-account-styles .user-account-no-records .btn{background:var(--x-grad)!important;border:0!important;border-radius:999px!important;color:#fff!important;font-family:var(--x-display)!important;font-weight:600!important;padding:10px 20px!important;box-shadow:0 12px 26px -14px rgba(47,134,255,.9)!important;transition:filter .2s,transform .2s var(--x-ease)!important}
body:not(#p3) .user-account-styles .btn-success:hover,body:not(#p3) .user-account-styles .user-account-no-records .btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
body:not(#p3) .user-account-styles .user-account-tabs .nav-tabs,body:not(#p3) .user-account-styles .user-account-pills .nav-pills{display:inline-flex!important;flex-wrap:nowrap;gap:6px;padding:6px!important;border:1px solid var(--x-line)!important;border-radius:16px!important;background:#eef2f7!important}
body:not(#p3) .user-account-styles .user-account-tabs .nav-tabs .nav-link,body:not(#p3) .user-account-styles .user-account-pills .nav-pills .nav-link{border:0!important;border-radius:12px!important;background:transparent!important;color:var(--x-muted)!important;font-family:var(--x-display)!important;font-weight:600!important;font-size:13.5px!important;padding:9px 16px!important;white-space:nowrap}
body:not(#p3) .user-account-styles .user-account-tabs .nav-tabs .nav-link:hover,body:not(#p3) .user-account-styles .user-account-pills .nav-pills .nav-link:hover{color:var(--x-ink)!important;background:rgba(255,255,255,.6)!important}
body:not(#p3) .user-account-styles .user-account-tabs .nav-tabs .nav-link.active,body:not(#p3) .user-account-styles .user-account-pills .nav-pills .nav-link.active,body:not(#p3) .user-account-styles .user-account-pills .nav-pills .show > .nav-link{background:#fff!important;color:var(--x-ink)!important;box-shadow:0 1px 2px rgba(18,61,99,.08),0 8px 20px -10px rgba(18,61,99,.35)!important}
body:not(#p3) .user-account-styles .user-account-no-records{padding:44px 20px!important;border:1px dashed var(--x-line-2)!important;border-radius:18px!important;background:#fafcfe!important;text-align:center}
body:not(#p3) .user-account-styles .user-account-no-records .icon{width:72px!important;height:72px!important;margin:0 auto 16px!important;border-radius:50%!important;display:grid!important;place-items:center;background:#eef4fc!important;color:var(--x-blue)!important;font-size:28px!important;border:0!important}
body:not(#p3) .user-account-styles .user-account-no-records .description-1{font-family:var(--x-display)!important;font-weight:700!important;font-size:18px!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-no-records .description-2{color:var(--x-muted)!important;font-size:14px!important;max-width:420px;margin:6px auto 18px!important}
body:not(#p3) .user-account-styles .form-control,body:not(#p3) .user-account-styles .q-form-group .form-control,body:not(#p3) .user-account-styles select.form-control{height:48px;border:1px solid var(--x-line-2)!important;border-radius:12px!important;background:#fbfcfe!important;font-size:14.5px!important;color:var(--x-text)!important;box-shadow:none!important}
body:not(#p3) .user-account-styles textarea.form-control{height:auto}
body:not(#p3) .user-account-styles .form-control:focus{background:#fff!important;border-color:rgba(47,134,255,.65)!important;box-shadow:0 0 0 4px rgba(47,134,255,.12)!important}
body:not(#p3) .user-account-styles label,body:not(#p3) .user-account-styles .q-form-group label{font-family:var(--x-display);font-weight:600;font-size:13px!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .q-form-group .input-icon,body:not(#p3) .user-account-styles .input-icon{color:var(--x-muted)!important}
body:not(#p3) .user-account-styles .user-account-orders-form .form-control{border-radius:999px!important;padding-left:18px!important}
body:not(#p3) .user-account-styles .user-account-orders .order-list{border:1px solid var(--x-line)!important;border-radius:18px!important;background:#fff!important;padding:16px 18px!important;margin-bottom:12px!important;box-shadow:none!important;transition:border-color .25s,box-shadow .25s,transform .25s var(--x-ease)!important}
body:not(#p3) .user-account-styles .user-account-orders .order-list:hover{border-color:rgba(47,134,255,.45)!important;box-shadow:var(--x-shadow-hover)!important;transform:translateY(-2px)}
body:not(#p3) .user-account-styles .user-account-orders .order-list .info .code .name,body:not(#p3) .user-account-styles .user-account-orders .order-list .info .delivery .name{font-size:11.5px!important;color:var(--x-muted)!important;letter-spacing:.02em}
body:not(#p3) .user-account-styles .user-account-orders .order-list .info .code .value{font-family:var(--x-mono)!important;font-weight:600!important;color:var(--x-ink)!important;letter-spacing:.03em}
body:not(#p3) .user-account-styles .user-account-orders .order-list .images img{width:52px!important;height:52px!important;object-fit:contain;border-radius:12px!important;border:1px solid var(--x-line)!important;background:#fff;padding:3px}
body:not(#p3) .user-account-styles .user-account-orders .order-list .images .count{border-radius:12px!important;background:#f4f7fb!important;color:var(--x-ink)!important;font-family:var(--x-mono);font-weight:600}
body:not(#p3) .user-account-styles .user-account-orders .order-list .actions .summary .date{font-family:var(--x-mono);font-size:12px!important;color:var(--x-muted)!important}
body:not(#p3) .user-account-styles .user-account-orders .order-list .actions .summary .amount{font-family:var(--x-display)!important;font-weight:700!important;font-size:17px!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-orders .order-list .actions .icon{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#f4f7fb;color:var(--x-ink)!important;transition:background .2s,color .2s}
body:not(#p3) .user-account-styles .user-account-orders .order-list:hover .actions .icon{background:var(--x-ink)!important;color:#fff!important}
body:not(#p3) .user-account-styles .order-status .order-status-value,body:not(#p3) .user-account-styles .order-custom-status-value{display:inline-flex!important;align-items:center;gap:6px;padding:4px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;background:#eef4fc;color:var(--x-blue)!important}
body:not(#p3) .user-account-styles .order-status .order-status-value:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
body:not(#p3) .user-account-styles .order-status.order-status-danger .order-status-value,body:not(#p3) .user-account-styles .order-custom-status-danger .order-custom-status-value{background:#fef2f2!important;color:#dc2626!important}
body:not(#p3) .user-account-styles .order-status.order-status-success .order-status-value,body:not(#p3) .user-account-styles .order-custom-status-success .order-custom-status-value{background:#ecfbf1!important;color:#15803d!important}
body:not(#p3) .user-account-styles .order-status .order-status-icon,body:not(#p3) .user-account-styles .order-status .order-status-icon-2{display:none!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-header{background:linear-gradient(135deg,#f4f7fb,#eef4fc)!important;border:1px solid var(--x-line)!important;border-radius:18px!important;padding:18px 20px!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-header .icon-wrapper .icon{width:48px!important;height:48px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--x-line)!important;color:var(--x-ink)!important;display:grid!important;place-items:center}
body:not(#p3) .user-account-styles .user-account-order-detail .order-header .item .name{font-size:11.5px!important;color:var(--x-muted)!important;letter-spacing:.03em;text-transform:uppercase;font-family:var(--x-mono)}
body:not(#p3) .user-account-styles .user-account-order-detail .order-header .item .value{font-family:var(--x-display)!important;font-weight:600!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-header .item .value.value-code{font-family:var(--x-mono)!important;letter-spacing:.04em}
body:not(#p3) .user-account-styles .user-account-order-detail .order-header .item .value.value-total{font-weight:700!important;font-size:18px!important;color:var(--x-blue)!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-info,body:not(#p3) .user-account-styles .user-account-order-detail .order-tracking{border:1px solid var(--x-line)!important;border-radius:16px!important;margin-top:14px!important;padding:16px 18px!important;background:#fff!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-info .description-1{color:var(--x-muted)!important;font-size:13.5px!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-info .buttons a,body:not(#p3) .user-account-styles .user-account-order-detail .order-bottom a{display:inline-flex!important;align-items:center;gap:8px;border-radius:999px!important;border:1px solid var(--x-line-2)!important;background:#fff!important;color:var(--x-ink)!important;font-family:var(--x-display);font-weight:600;font-size:13px!important;padding:9px 16px!important;text-decoration:none!important;transition:all .2s}
body:not(#p3) .user-account-styles .user-account-order-detail .order-info .buttons a:hover,body:not(#p3) .user-account-styles .user-account-order-detail .order-bottom a:hover{background:var(--x-ink)!important;border-color:var(--x-ink)!important;color:#fff!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-products-list .product{border:1px solid var(--x-line)!important;border-radius:16px!important;padding:14px 16px!important;margin-top:14px!important;background:#fff!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-products-list .product .image img{border-radius:12px!important;border:1px solid var(--x-line)!important;background:#fff;padding:4px}
body:not(#p3) .user-account-styles .user-account-order-detail .order-products-list .product .title,body:not(#p3) .user-account-styles .user-account-order-detail .order-products-list .product .info .title{font-family:var(--x-display)!important;font-weight:600!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-products-list .product .total{font-family:var(--x-display)!important;font-weight:700!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-products-list .product .buttons a{border-radius:999px!important;font-weight:600;font-size:12.5px!important;padding:7px 14px!important;border:1px solid var(--x-line-2)!important;background:#fff!important;color:var(--x-ink)!important;text-decoration:none!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-products-list .product .buttons a.p-comment{background:#fff7e0!important;border-color:#f5d27a!important;color:#9a6700!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-summary-list{border:1px solid var(--x-line)!important;border-radius:16px!important;margin-top:14px!important;padding:6px 18px!important;background:#fff!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-summary-list .item{padding:11px 0!important;border-bottom:1px dashed var(--x-line)!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-summary-list .item:last-child{border-bottom:0!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-summary-list .item .name{color:var(--x-muted)!important;font-size:13.5px!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-summary-list .item .value{color:var(--x-ink)!important;font-weight:600;font-variant-numeric:tabular-nums}
body:not(#p3) .user-account-styles .user-account-order-detail .order-summary-list .item.item-total .name,body:not(#p3) .user-account-styles .user-account-order-detail .order-summary-list .item.item-total .value{font-family:var(--x-display)!important;font-weight:700!important;font-size:17px!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-addresses{margin-top:14px!important;gap:14px}
body:not(#p3) .user-account-styles .user-account-order-detail .order-addresses .item .title{font-family:var(--x-display)!important;font-weight:700!important;color:var(--x-ink)!important;margin-bottom:10px!important}
body:not(#p3) .user-account-styles .user-account-order-detail .order-addresses .item .values{border:1px solid var(--x-line)!important;border-radius:16px!important;background:#fafcfe!important;padding:14px 16px!important;color:#33475e!important;line-height:1.7}
body:not(#p3) .user-account-styles .user-account-order-detail .order-addresses .item .values .name{font-family:var(--x-display);font-weight:600;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-tickets .ticket,body:not(#p3) .user-account-styles .user-account-offers .offer,body:not(#p3) .user-account-styles .user-account-reviews .item,body:not(#p3) .user-account-styles .user-account-product,body:not(#p3) .user-account-styles .user-account-vouchers .item{border:1px solid var(--x-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;transition:border-color .25s,box-shadow .25s,transform .25s var(--x-ease)!important}
body:not(#p3) .user-account-styles .user-account-tickets .ticket:hover,body:not(#p3) .user-account-styles .user-account-offers .offer:hover,body:not(#p3) .user-account-styles .user-account-reviews .item:hover,body:not(#p3) .user-account-styles .user-account-product:hover,body:not(#p3) .user-account-styles .user-account-vouchers .item:hover{border-color:rgba(47,134,255,.45)!important;box-shadow:var(--x-shadow-hover)!important;transform:translateY(-2px)}
body:not(#p3) .user-account-styles .user-account-tickets .ticket .info .title,body:not(#p3) .user-account-styles .user-account-offers .offer .info .title,body:not(#p3) .user-account-styles .user-account-reviews .item .info .title a,body:not(#p3) .user-account-styles .user-account-product .info .title{font-family:var(--x-display)!important;font-weight:600!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-reviews .item .stars i{color:#d5dde7!important}
body:not(#p3) .user-account-styles .user-account-reviews .item .stars i.fill{color:#f5b301!important}
body:not(#p3) .user-account-styles .user-account-product .image img,body:not(#p3) .user-account-styles .user-account-reviews .item .image img{border-radius:12px!important;border:1px solid var(--x-line)!important;background:#fff}
body:not(#p3) .user-account-styles .user-account-product .description .item .value.price{font-family:var(--x-display);font-weight:700;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-product .btn-remove{border-radius:50%!important;background:#fff!important;border:1px solid var(--x-line)!important;color:#94a3b8!important}
body:not(#p3) .user-account-styles .user-account-product .btn-remove:hover{color:#dc2626!important;border-color:#fecaca!important;background:#fef2f2!important}
body:not(#p3) .user-account-styles .user-account-vouchers .item .info .discount{font-family:var(--x-display)!important;font-weight:700!important;color:var(--x-blue)!important}
body:not(#p3) .user-account-styles .user-account-vouchers .item .info .code{border:1px dashed var(--x-line-2)!important;border-radius:10px!important;font-family:var(--x-mono)!important;background:#fafcfe!important}
body:not(#p3) .user-account-styles .user-account-offers .offer .status.status-1{background:#ecfbf1!important;color:#15803d!important;border-radius:999px!important}
body:not(#p3) .user-account-styles .user-account-offers .offer .status.status-2{background:#fef2f2!important;color:#dc2626!important;border-radius:999px!important}
body:not(#p3) .user-account-styles .user-account-table .table{border-collapse:separate!important;border-spacing:0;border:1px solid var(--x-line)!important;border-radius:14px;overflow:hidden}
body:not(#p3) .user-account-styles .user-account-table .table th{background:#f4f7fb!important;font-family:var(--x-mono);font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--x-muted)!important;border:0!important}
body:not(#p3) .user-account-styles .user-account-table .table td{border-top:1px solid #eef1f5!important;color:var(--x-text)!important}
body:not(#p3) .user-account-styles .user-account-ticket-detail .replies .reply-wrapper .reply{border-radius:16px!important;background:#f4f7fb!important;border:0!important}
body:not(#p3) .user-account-styles .user-account-ticket-detail .replies .reply-wrapper.reply-wrapper-1 .reply{background:#eaf2fd!important}
body:not(#p3) .user-account-styles .user-account-ticket-detail .new-reply .submit a{background:var(--x-grad)!important;border-radius:999px!important;color:#fff!important}
@media(max-width:991px){body:not(#p3) .user-account-styles .user-account-right-wrapper{padding:18px 16px!important;border-radius:18px!important}body:not(#p3) .user-account-styles .user-account-page-header .title{font-size:20px!important}body:not(#p3) .user-account-styles .user-account-tabs,body:not(#p3) .user-account-styles .user-account-pills{overflow-x:auto}}
/* v12b: account refinements */
body:not(#p3) .user-account-styles .user-account-no-records .icon{min-height:72px!important;max-height:none!important;line-height:1!important;padding:0!important}
body:not(#p3) .user-account-styles .user-account-no-records .icon i{font-size:28px!important;line-height:1!important}
body:not(#p3) .user-account-styles .user-account-tickets .ticket .actions .ticket-status{border-radius:999px!important;background:#ecfbf1!important;color:#15803d!important;font-weight:600!important;font-size:12px!important;padding:4px 11px!important;border:1px solid rgba(22,163,74,.2)!important}
body:not(#p3) .user-account-styles .user-account-tickets .ticket .actions .icon{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#f4f7fb!important;color:var(--x-ink)!important}
body:not(#p3) .user-account-styles .user-account-tickets .ticket:hover .actions .icon{background:var(--x-ink)!important;color:#fff!important}
body:not(#p3) .user-account-styles .btn-secondary{background:var(--x-ink)!important;border:0!important;border-radius:12px!important;color:#fff!important}
body:not(#p3) .user-account-styles .btn-danger{border-radius:999px!important}
body:not(#p3) .user-account-styles .user-account-offers .offer .actions .btn{border-radius:999px!important}
body:not(#p3) .user-account-styles .user-account-affiliate-report-summary .item{background:#fff!important;border:1px solid var(--x-line)!important;border-radius:16px!important;box-shadow:var(--x-shadow)!important;padding:16px 18px!important}
body:not(#p3) .user-account-styles .user-account-affiliate-report-summary .item i{width:38px;height:38px;border-radius:12px;display:inline-grid!important;place-items:center;background:#eef4fc;color:var(--x-blue)!important;font-size:16px!important}
body:not(#p3) .user-account-styles .user-account-affiliate-report-summary .item .title{font-size:12px!important;color:var(--x-muted)!important}
body:not(#p3) .user-account-styles .user-account-affiliate-report-summary .item .content > :not(.title){font-family:var(--x-display);font-weight:700;font-size:18px;color:var(--x-ink)}