:focus-visible{outline:2px solid #2F5BEA;outline-offset:2px}
.pcard img{aspect-ratio:1/1;object-fit:cover}
.pcard{transition:box-shadow .2s}.pcard:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hero{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hero::-webkit-scrollbar{display:none}
.hero>div{flex:0 0 100%;scroll-snap-align:start}
details>summary{cursor:pointer;list-style:none}details[open]>summary i{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ===== Think N Buy premium theme: brand pink #2F5BEA → orange #FF7A00, action blue #2F5BEA ===== */
:root{--pink:#2F5BEA;--orange:#FF7A00;--blue:#2F5BEA;--plum:#14214F;--grad:linear-gradient(135deg,#2F5BEA,#14214F);--grad-or:linear-gradient(135deg,#FF7A00,#FFA040);--grad-blue:linear-gradient(135deg,#5b82ff,#1f45c4);--sh-s:0 2px 12px rgba(47,91,234,.07);--sh-m:0 16px 34px -12px rgba(47,91,234,.32)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}a,button,summary,label{touch-action:manipulation}
.ps-body{background-color:#F3F6FF;background-image:radial-gradient(42rem 26rem at 105% -6%,rgba(47,91,234,.08),transparent 62%),radial-gradient(38rem 24rem at -8% 18%,rgba(255,122,0,.09),transparent 60%),radial-gradient(36rem 22rem at 60% 100%,rgba(47,91,234,.06),transparent 60%);background-repeat:no-repeat}
/* announcement ticker (scrolls on phones, centred on desktop) */
.ps-ann{background:linear-gradient(90deg,#14214F,#2F5BEA 55%,#4a73ff);color:#fff;font-size:13px;overflow:hidden;white-space:nowrap}
.ps-ann .ps-tr{display:flex;width:max-content;animation:psmq 24s linear infinite}.ps-ann span{padding:7px 2.5rem}
@keyframes psmq{to{transform:translateX(-50%)}}
@media(min-width:768px){.ps-ann{text-align:center}.ps-ann .ps-tr{animation:none;width:auto;justify-content:center}.ps-ann span+span{display:none}}
/* glass header + search */
header.sticky{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid rgba(47,91,234,.09)!important;box-shadow:0 8px 24px -20px rgba(47,91,234,.6)}
#s{background:#fff;border-color:#d5defa}#s:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(47,91,234,.12)}
/* buttons */
html body .bg-brand{background-image:var(--grad-blue);box-shadow:0 8px 18px -9px rgba(31,69,196,.75);transition:transform .15s,box-shadow .2s,filter .2s}
html body .bg-brand:hover{filter:brightness(1.06)}html body .bg-brand:active{transform:scale(.97)}
main h1.text-2xl::after{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-top:8px;background:var(--grad)}
main input:focus,main select:focus,main textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px rgba(47,91,234,.14)}
/* product cards */
.pcard{border-radius:1.15rem;border:1px solid #e3e9fb;box-shadow:var(--sh-s);transition:transform .25s,box-shadow .25s}.pcard img{transition:transform .5s}
.pcard .bg-rose{background-image:var(--grad-or);border-radius:999px;padding:2px 9px;font-weight:600}.pcard p>span.text-brand{color:#14214F}
.pcard .bg-white\/90{box-shadow:0 4px 12px rgba(0,0,0,.1)}
@media(hover:hover){.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-m)}.pcard:hover img{transform:scale(1.05)}}
.pcard:active{transform:scale(.985)}
.pcard img,img[loading=lazy]{background-color:#f7eef2}
/* scroll reveal (transform/opacity only: smooth on phones) */
.ps-js .ps-reveal:not(.in){opacity:0}.ps-js .ps-reveal.in{animation:psup .55s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0)*70ms)}
@keyframes psup{from{opacity:0;transform:translateY(18px)}}
.ps-cv{content-visibility:auto;contain-intrinsic-size:auto 520px}
/* mobile bottom bar */
nav[aria-label=Mobile] a{transition:color .2s}nav[aria-label=Mobile] a i{transition:transform .25s,background .25s,padding .25s,box-shadow .25s;border-radius:14px}
nav[aria-label=Mobile] [aria-current=page]{color:var(--pink)!important}
nav[aria-label=Mobile] [aria-current=page] i{background:var(--grad);color:#fff;padding:6px 15px;transform:translateY(-8px);box-shadow:0 8px 16px -6px rgba(47,91,234,.6)}
nav[aria-label=Mobile]{border-top:1px solid rgba(47,91,234,.1)!important}
/* feature tiles */
.ps-tile{background:#fff;border:1px solid rgba(47,91,234,.1);border-radius:1.1rem;box-shadow:var(--sh-s)}
.ps-ico{background:var(--grad);color:#fff;border-radius:.95rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;flex:none;box-shadow:0 8px 16px -8px rgba(47,91,234,.7)}
/* footer: navy gradient + wave */
footer.mt-16{position:relative;margin-top:5rem;background:radial-gradient(40rem 20rem at 92% 0,rgba(47,91,234,.28),transparent 60%),radial-gradient(34rem 18rem at 0 100%,rgba(255,122,0,.2),transparent 60%),linear-gradient(180deg,#14214F,#0b1230)!important}
footer.mt-16::before{content:"";position:absolute;left:0;right:0;top:-39px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V16C240-8 480-8 720 12s480 24 720 0V40z' fill='%2324103a'/%3E%3C/svg%3E") center/100% 100% no-repeat}
footer a{transition:color .2s}

/* ===== UI kit v3: product page, cart, checkout, tracking (transform/opacity animations only) ===== */
.ps-price{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ps-save{background:#e8f9ef;color:#15803d;font-weight:600;font-size:.8rem;border-radius:999px;padding:.2rem .7rem}
.ps-stock{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;border-radius:999px;padding:.2rem .7rem}.ps-stock.in{background:#e8f9ef;color:#15803d}.ps-stock.out{background:#fee2e2;color:#b91c1c}
.ps-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.ps-trust div{display:flex;flex-direction:column;gap:.15rem;align-items:center;text-align:center;background:#fff;border:1px solid #e3e9fb;border-radius:.9rem;padding:.65rem .4rem;font-size:.68rem;color:#64748b}.ps-trust i{color:var(--pink);font-size:1.15rem}.ps-trust b{color:#334155;font-size:.74rem}
.ps-imgcount{position:absolute;right:.7rem;bottom:.7rem;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;border-radius:999px;padding:.15rem .6rem}
#main-img{transition:opacity .25s}
.ps-buybar{position:fixed;left:0;right:0;bottom:calc(4.4rem + env(safe-area-inset-bottom));z-index:35;display:flex;gap:.5rem;align-items:center;padding:.6rem .8rem;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(47,91,234,.12);transform:translateY(140%);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.ps-buybar.on{transform:none}.ps-buybar>div{flex:1;min-width:0}@media(min-width:768px){.ps-buybar{display:none}}
.ps-bar-add{border:2px solid var(--blue);color:var(--blue);border-radius:.8rem;padding:.5rem .9rem;font-weight:600;background:#fff}.ps-bar-buy{color:#fff;border-radius:.8rem;padding:.58rem 1rem;font-weight:600}
.ps-toast{position:fixed;left:50%;bottom:calc(5.2rem + env(safe-area-inset-bottom));transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;background:#14214F;color:#fff;border-radius:999px;padding:.65rem 1.1rem;display:flex;gap:.6rem;align-items:center;font-size:.9rem;z-index:60;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);white-space:nowrap}.ps-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}.ps-toast a{color:#ffc999;font-weight:700}
@keyframes pspop{40%{transform:scale(1.4)}}.ps-pop{animation:pspop .45s}.ps-busy{opacity:.6;pointer-events:none}
.ps-steps{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.8rem;color:#94a3b8;list-style:none;padding:0}.ps-steps li{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.ps-steps li span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #e8d7df;font-size:.7rem;font-weight:700}
.ps-steps li.done{color:#334155}.ps-steps li.done span{background:var(--grad);border-color:transparent;color:#fff}.ps-steps li.now{color:var(--pink);font-weight:700}.ps-steps li.now span{border-color:var(--pink);color:var(--pink)}.ps-steps .line{flex:1;height:2px;background:#efdfe6;min-width:1rem}
.ps-pay{display:block;margin-bottom:.5rem;cursor:pointer}.ps-pay-box{display:flex;align-items:center;gap:.75rem;border:1.5px solid #dfe5f5;border-radius:.9rem;padding:.7rem .9rem;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
.ps-pay input:checked+.ps-pay-box{border-color:var(--pink);box-shadow:0 0 0 3px rgba(47,91,234,.12);background:#f3f6ff}.ps-pay input:focus-visible+.ps-pay-box{outline:2px solid var(--blue);outline-offset:2px}
.ps-pay-ico{width:2.3rem;height:2.3rem;border-radius:.7rem;display:grid;place-items:center;color:#fff;flex:none}.ps-pay-box small{display:block;color:#64748b;font-size:.72rem}
.ps-sum{background:#fff;border:1px solid rgba(47,91,234,.12);border-radius:1.2rem;box-shadow:var(--sh-s);padding:1.1rem;position:relative;overflow:hidden}.ps-sum::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.ps-item{background:#fff;border:1px solid #e3e9fb;border-radius:1.1rem;padding:.8rem;box-shadow:var(--sh-s)}
.ps-stepper{display:inline-flex;align-items:center;border:1.5px solid #dfe5f5;border-radius:.8rem;overflow:hidden;background:#fff}.ps-stepper button{width:2.1rem;height:2.3rem;font-size:1.15rem;color:var(--pink);font-weight:700}.ps-stepper input{width:2.3rem;text-align:center;border:0!important;box-shadow:none!important;padding:0;-moz-appearance:textfield}.ps-stepper input::-webkit-inner-spin-button,.ps-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ps-filter>summary{list-style:none;cursor:pointer;display:inline-flex;gap:.5rem;align-items:center;border:1.5px solid #dfe5f5;border-radius:999px;padding:.5rem 1.1rem;background:#fff;font-weight:600;font-size:.9rem}.ps-filter>summary::-webkit-details-marker{display:none}.ps-filter[open]>summary{border-color:var(--pink);color:var(--pink)}
.ps-filter>form{margin-top:.8rem;background:#fff;border:1px solid #e3e9fb;border-radius:1rem;padding:.9rem}
.ps-track{display:flex;justify-content:space-between;position:relative;margin:.8rem 0 1.4rem;padding:0;list-style:none}.ps-track::before{content:"";position:absolute;left:10%;right:10%;top:1.15rem;height:3px;background:#e1e7f7;border-radius:3px}
.ps-track li{position:relative;flex:1;text-align:center;font-size:.72rem;color:#94a3b8}.ps-dot{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin:0 auto .4rem;border-radius:50%;background:#fff;border:2px solid #e1e7f7;position:relative;z-index:1}
.ps-track li.done{color:#334155}.ps-track li.done .ps-dot{background:var(--grad);border-color:transparent;color:#fff}.ps-track li.now{color:var(--pink);font-weight:700}.ps-track li.now .ps-dot{border-color:var(--pink);color:var(--pink)}
.ps-track li.now .ps-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--pink);opacity:.5;animation:psring 2s ease-out infinite}@keyframes psring{to{transform:scale(1.35);opacity:0}}
.ps-offstate{background:#fee2e2;color:#b91c1c;font-weight:600;border-radius:.8rem;padding:.7rem 1rem;margin:.5rem 0 1rem}
.ps-empty{text-align:center;padding:3.5rem 1rem}.ps-float{animation:psfloat 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes psfloat{50%{transform:translateY(-6px)}}
.ps-check{width:5rem;height:5rem;display:block;margin:0 auto}.ps-check path{stroke-dasharray:50;stroke-dashoffset:50;animation:psdraw .6s .25s forwards}@keyframes psdraw{to{stroke-dashoffset:0}}
main form input.border,main form select.border,main form textarea.border{border-radius:.85rem}
@media(prefers-reduced-motion:reduce){.ps-float,.ps-track li.now .ps-dot::after,.ps-pop{animation:none}.ps-check path{animation:none;stroke-dashoffset:0}.ps-buybar,.ps-toast{transition:none}}