/* Nilufa Prism — unified colorful storefront redesign */
:root{--ink:#182033;--ink-soft:#3f4961;--muted:#70798e;--line:#e5e7f1;--line-strong:#d4d7e5;--paper:#f7f7fc;--surface:#fff;--shade:#f0f1f7;--magenta:#ed5b9b;--tangerine:#ff9f43;--cobalt:#6c5ce7;--lime:#82c91e;--plum:#7c4dff;--clay:#e7774f;--accent:#6c5ce7;--accent-tint:#efedff;--accent-on:#fff;--ok:#12a968;--warn:#d97706;--bad:#e84d5b;--radius:12px;--radius-lg:22px;--pad:clamp(18px,4vw,58px)}
html[data-accent="magenta"]{--accent:#ed5b9b;--accent-tint:#fff0f6}html[data-accent="tangerine"]{--accent:#f28a2b;--accent-tint:#fff4e8}html[data-accent="cobalt"]{--accent:#6c5ce7;--accent-tint:#efedff}html[data-accent="lime"]{--accent:#67a80f;--accent-tint:#f1fadd}
body{background:var(--paper);color:var(--ink);position:relative;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 3% 8%,rgba(108,92,231,.11),transparent 28rem),radial-gradient(circle at 95% 20%,rgba(26,188,213,.1),transparent 24rem),radial-gradient(circle at 70% 90%,rgba(237,91,155,.08),transparent 30rem)}
.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.ui-icon.sm{width:16px;height:16px}.ui-icon.lg{width:26px;height:26px}
.ticker{background:linear-gradient(90deg,#34276f,#6c5ce7,#c64f8d);color:#fff;padding:9px 0}.masthead{padding-block:14px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(1.25);border-bottom-color:rgba(218,220,233,.9);box-shadow:0 1px 0 rgba(255,255,255,.8);animation:headIn .55s cubic-bezier(.2,.8,.2,1)}.brand__word{color:#2a2256}.mainnav a{font-weight:600}.mainnav a:hover{color:var(--cobalt)}
.iconbtn{border-radius:13px;border-color:#dfe1eb;background:#fff;transition:all .22s cubic-bezier(.2,.8,.2,1)}.iconbtn:hover{background:var(--accent-tint);color:var(--accent);border-color:#cac5ff;transform:translateY(-2px)}.bagbtn{border-radius:13px;background:linear-gradient(135deg,#332a66,#5142ba);box-shadow:0 8px 18px rgba(67,53,160,.2)}.bagbtn:hover{background:linear-gradient(135deg,#46379a,#6c5ce7);transform:translateY(-2px)}.bagbtn__n{background:linear-gradient(135deg,#ff8ab8,#ed5b9b);color:#fff}
.searchsheet{background:rgba(255,255,255,.95);box-shadow:0 14px 30px rgba(41,34,100,.08);animation:sheetIn .3s cubic-bezier(.2,.8,.2,1)}.searchsheet input{background:#f7f7fb;border-radius:14px}
.btn{border-radius:13px;min-height:46px;font-weight:650;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(55,45,150,.12)}.btn--accent{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#6655e8 40%));color:#fff}.btn--ink{background:linear-gradient(135deg,#252c42,#3c4563)}.btn--ghost{background:#fff;border-color:#d8dbe8}.btn--ghost:hover{background:var(--accent-tint);color:var(--accent);border-color:#c8c3fb}
.hero{position:relative;max-width:1500px;padding-top:clamp(58px,8vw,100px);animation:riseIn .65s both cubic-bezier(.2,.8,.2,1)}.hero::after{content:"✦";position:absolute;right:8vw;top:5vw;width:72px;height:72px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(145deg,#efedff,#e8fbff);color:var(--cobalt);font-size:30px;box-shadow:0 15px 34px rgba(77,65,190,.12);animation:float 4s ease-in-out infinite}.hero__title{font-family:var(--display);font-weight:650;background:linear-gradient(115deg,#231d4e 10%,#6c5ce7 55%,#e25794);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__text{color:#5d667c}.eyebrow{color:var(--cobalt);font-weight:700}.dot{background:var(--magenta);box-shadow:0 0 0 5px rgba(237,91,155,.1)}
.controls{top:72px;background:rgba(248,248,252,.9);backdrop-filter:blur(16px);border-color:#e1e3ee;box-shadow:0 8px 20px rgba(35,30,90,.04)}.pill{border-radius:12px;background:#fff;border-color:#e0e2ec}.pill:hover{border-color:#bdb6ff;color:var(--cobalt);transform:translateY(-1px)}.pill.is-on{background:linear-gradient(135deg,#44367e,#6c5ce7);border-color:transparent;box-shadow:0 7px 16px rgba(108,92,231,.22)}.selectfield select,.field select{border-radius:12px}
.portfolio{gap:30px 18px}.tile{animation:tileIn .55s both cubic-bezier(.2,.8,.2,1)}.tile__canvas{border-radius:22px;box-shadow:0 2px 8px rgba(25,30,55,.05);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}.tile:hover .tile__canvas{transform:translateY(-6px);box-shadow:0 22px 42px rgba(54,44,145,.15)}.tile__canvas::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);pointer-events:none}.tile__meta{padding-inline:3px}.tile__meta h3{font-family:var(--sans);font-weight:700}.tile__price{color:#312766}.flag{border-radius:10px;box-shadow:0 4px 12px rgba(20,24,40,.12)}.flag--off{background:linear-gradient(135deg,#ed5b9b,#ff7b7b)}.flag--pick{color:var(--cobalt)}.idchip{border-radius:8px;background:#f4f4fa}
.steps{position:relative;overflow:hidden;background:linear-gradient(135deg,#211c3e,#32275f 58%,#56346d)}.steps::after{content:"";position:absolute;width:420px;height:420px;border:80px solid rgba(255,255,255,.025);border-radius:50%;right:-170px;top:-160px}.steps__list li{position:relative;z-index:1}.steps__n{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.08)}
.pagehead{animation:riseIn .5s both}.pagehead h1,.detail__title,.sent h1{color:#29214f}.detail__stage{border-radius:24px;box-shadow:0 20px 45px rgba(45,38,120,.1)}.detail__info{background:rgba(255,255,255,.72);border:1px solid #e3e3ef;border-radius:24px;padding:clamp(20px,3vw,34px);box-shadow:0 14px 35px rgba(40,34,100,.07);backdrop-filter:blur(12px)}.thumb{border-radius:12px}.specs>div{padding:13px 0}.tags a{border-radius:10px}
.summary{border-radius:22px;border-color:#dfdfed;box-shadow:0 16px 36px rgba(41,34,100,.08)}.cartrow{background:rgba(255,255,255,.68);padding-inline:16px;border:1px solid #e7e7f0;border-radius:18px;margin-bottom:12px}.cartlist{border:0}.cartrow__thumb{border-radius:14px}.stepper{border-radius:12px;background:#fff}.switch{border-radius:13px}.switch__opt{border-radius:10px}.tally__total{color:var(--cobalt)}
.checkout__form{background:rgba(255,255,255,.75);border:1px solid #e3e4ee;border-radius:24px;padding:clamp(20px,3vw,34px);box-shadow:0 14px 35px rgba(45,38,120,.06)}.field input,.field textarea{border-radius:13px}.field input:focus,.field textarea:focus{border-color:#968aff;box-shadow:0 0 0 4px rgba(108,92,231,.1);outline:none}.sent__preview{border-radius:22px;box-shadow:0 14px 35px rgba(45,38,120,.08)}
.bag{background:#f8f8fd;border-left:1px solid #ddddec;box-shadow:-24px 0 55px rgba(31,25,82,.16)}.bag__head{background:linear-gradient(135deg,#f0eeff,#eefbff)}.bagline{background:#fff;border:1px solid #e4e5ee;border-radius:16px;padding:12px;margin-bottom:10px}.scrim{background:rgba(27,24,54,.5);backdrop-filter:blur(5px)}
.footer{background:linear-gradient(135deg,#19162e,#272043 60%,#3a2449)}.footer__mark{background:linear-gradient(90deg,#fff,#d9d4ff,#ffb7d5);-webkit-background-clip:text;background-clip:text;color:transparent}.footer__cols h3{color:#a99ffc}
@keyframes headIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes tileIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes sheetIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(5deg)}}
@media(max-width:780px){.hero::after{width:48px;height:48px;right:20px;top:36px;font-size:22px}.hero__title{font-size:clamp(2.6rem,13vw,4.2rem);padding-right:24px}.controls{top:68px}.masthead{gap:10px}.brand__word{font-size:1.45rem}.bagbtn{padding:0 12px}.portfolio{gap:24px 12px}.tile__canvas{border-radius:18px}.detail__info,.checkout__form{border-radius:20px}}
@media(max-width:440px){.portfolio{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14px}.tile__meta{display:block}.tile__price{margin-top:6px}.tile__foot{align-items:stretch;flex-direction:column}.tile__foot .btn{width:100%}.idchip{align-self:flex-start}.mainnav{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}