/* DROP AI editorial storefront. Campaign artwork is exclusive to the homepage. */
:root{--bg:#080d18;--panel:#111b2c;--line:#26344d;--cyan:#71dcff;--purple:#a58cff}
body{background:var(--bg)}
.header{background:#0a111e;backdrop-filter:none;border-bottom:1px solid #ffffff0c}
.announcement{background:#111c30}.brand-ai{color:#84dbff}
.header-inner{min-height:88px}.site-logo{border-radius:12px}
.header-search{background:#121d2e;border-color:#2a3850;border-radius:12px;min-height:46px}
.nav-shell{background:#0a111e}.nav-inner{min-height:49px}
body[data-page=home] .site-main{max-width:1440px}
.store-welcome{padding:30px 0 22px;align-items:center}
.store-welcome h2{font-size:clamp(21px,2.3vw,31px);line-height:1.6;letter-spacing:-.6px}
.store-welcome>div>span{color:#8e9ab0;letter-spacing:1.7px}
.store-welcome>.text-link{font-size:12px;color:#b1c6e9}
.home-promo-layout{margin-bottom:42px}
.home-carousel.hero{display:block;padding:0;border:1px solid #2b3a52;border-radius:22px;overflow:hidden;background:#101a2a;box-shadow:none}
.carousel-slide,.carousel-design,.carousel-video,.carousel-streaming{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;padding:0;min-height:0;background:#111c2e}
.carousel-art,.panorama-slide .carousel-art{order:-1;position:relative;display:block;align-self:stretch;justify-self:stretch;min-height:0;max-width:none;width:100%;aspect-ratio:3 / 1;border-radius:0;overflow:hidden;box-shadow:none;background:#0c1428;direction:ltr}
.carousel-art picture{display:block;width:100%;height:100%}
.carousel-art .carousel-artwork{position:static;display:block;inset:auto;width:100%;height:100%;object-fit:contain;mask-image:none;z-index:auto;pointer-events:none}
.carousel-copy{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:35px;align-items:center;width:100%;max-width:none;padding:23px 32px;text-align:start;animation:none!important}
.carousel-kicker{grid-column:1;grid-row:1;font-size:10px;color:#91dfff;margin:0 0 5px;line-height:1.8}
.carousel-copy .carousel-product-name{grid-column:1;grid-row:2;font:650 clamp(16px,1.6vw,23px)/1.55 system-ui,sans-serif;color:#f3f7ff;max-width:none;margin:0;letter-spacing:-.3px;text-align:start;overflow-wrap:anywhere}
.carousel-features{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;justify-content:start;gap:6px 14px;list-style:none;padding:0;margin:10px 0 0;max-width:none}
.carousel-features li{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.9;color:#aebfd8}
.carousel-features li svg{flex:none;color:#87cddd;width:13px;height:13px}
.carousel-live-price{grid-column:2;grid-row:1 / 4;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;column-gap:8px;max-width:200px;margin:0;color:#f1f6ff}
.carousel-live-price>small{width:100%;font-size:10px;color:#9aacc6;margin-bottom:4px}
.carousel-live-price>strong{font-size:clamp(25px,2.5vw,34px);line-height:1.5;font-weight:750;white-space:nowrap}
.carousel-live-price .currency{font-size:12px;color:#afc0da}.carousel-live-price del{color:#91a1ba;font-size:12px}
.carousel-cta{grid-column:3;grid-row:1 / 4;display:flex;flex-direction:column;gap:10px;align-items:stretch;margin:0}
.carousel-cta .button{min-height:45px;padding:11px 24px;font-size:12px;border-radius:11px;border:1px solid #839bff55;background:linear-gradient(110deg,#2977ec,#7160dc);color:#fff;box-shadow:none;white-space:nowrap}
.carousel-cta .text-link{font-size:10px;justify-content:center}
.carousel-terms{grid-column:1 / -1;font-size:11px;line-height:1.8;color:#9badc7;margin:15px 0 0;padding-top:13px;border-top:1px solid #ffffff0a}
.carousel-copy .carousel-stock{grid-column:1 / -1;font-size:11px;color:#aee7ff;margin:10px 0 0}
.carousel-controls{background:#0e1828;border-top:1px solid #ffffff09;padding:8px 24px;min-height:54px}
.carousel-dots button{min-width:30px;min-height:40px}.carousel-dots button[aria-pressed=true]:before{background:#92d7ff}
.carousel-buttons button{min-width:40px;min-height:40px;border-color:#ffffff19;background:#ffffff04}
.offer-brand{display:flex;height:100%;min-height:160px;align-items:center;justify-content:center;gap:50px;background:radial-gradient(ellipse at 30% 40%,#3c287e50,transparent 65%),#0c1428;color:#edf3ff;font-size:clamp(20px,3vw,44px)}
.offer-brand .brand-symbol{--symbol-size:85px}.offer-brand .brand-label{font-size:17px}
.home-search-band{display:none}
.category-section{margin-bottom:48px}.section-head{align-items:end;margin-bottom:23px}.section-head h2{font-size:clamp(21px,2vw,28px);line-height:1.7;letter-spacing:-.6px}.eyebrow{color:#8da4c6}
body[data-page=home] .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0;overflow:visible}
body[data-page=home] .category-card{display:flex;gap:14px;align-items:center;min-height:96px;padding:19px;border-radius:15px;border:1px solid #24334b;background:#111b2c;transition:background .18s,border-color .18s}
body[data-page=home] .category-card:hover{background:#17253b;border-color:#4e6c98}
body[data-page=home] .category-icon{width:43px;height:43px;border-radius:12px;background:#1c2d48;color:#8bbdff;flex:none}
body[data-page=home] .category-card h3{font-size:12px;line-height:1.8;margin:0 0 5px}
body[data-page=home] .category-card small{display:block;font-size:9px;color:#92a6c3}
body[data-page=home] .category-arrow{display:none}
.home-products{margin-bottom:48px}.products-grid{gap:19px}
.product-card{border:1px solid #25334a;border-radius:17px;background:#111b2a;box-shadow:none;transition:border-color .2s,transform .2s}
.product-card:hover{border-color:#566f96;transform:translateY(-3px)}
.product-art{min-height:178px;background:#152239;border-color:#22324b;box-shadow:none}
.product-art .brand-symbol{--symbol-size:72px;box-shadow:none;border-radius:18%}.product-art .brand-label{color:#becce0}
.product-art .badge{background:#101b2be8;border:1px solid #ffffff0d;border-radius:6px;color:#a7d7bf}
.product-body{padding:20px}.product-category{color:#8da6cb}.product-body h3{line-height:1.7;font-size:15px;min-height:51px}.delivery{color:#91a5c2}
.card-price .money{color:#f1f5ff;font-size:23px}.card-details{min-height:42px;background:#1a2b46;border:1px solid #324c71;color:#dceaff;border-radius:9px}
.how-section{background:#111c2d;border:1px solid #253750;border-radius:20px;box-shadow:none}.how-section h2{letter-spacing:-.8px}.faq-list details{border-color:#26354c}.footer{background:#0b1320;border-top:1px solid #26354b}
@media(min-width:1600px){.home-carousel.hero{border-radius:26px}.carousel-copy{padding:28px 40px}}
@media(max-width:1000px){.carousel-copy{column-gap:22px;padding:20px 24px}.carousel-cta .button{padding-inline:15px}.carousel-features li{font-size:11px}body[data-page=home] .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page=home] .category-card{flex-direction:column;align-items:start;gap:11px;padding:16px}body[data-page=home] .category-card h3{font-size:11px}}
@media(max-width:700px){
 .announcement .wrap{font-size:9px}.announcement a{display:none}
 .header-inner{display:flex;flex-wrap:wrap;gap:12px;min-height:0;padding-block:14px}.brand{margin-inline-end:auto}.header-actions{margin-inline-start:0}.header-search{display:flex;flex:1 0 100%;order:3;width:100%;max-width:none;margin:0;min-height:43px}.header-search input{font-size:12px}
 .nav-shell{display:none}.store-welcome{padding:23px 0 18px;gap:12px}.store-welcome h2{font-size:22px;margin-top:4px}.store-welcome>div>span{font-size:8px;letter-spacing:1.2px}.store-welcome>.text-link{display:none}
 .home-promo-layout{margin-bottom:32px}.home-carousel.hero{border-radius:16px}.carousel-art,.panorama-slide .carousel-art{aspect-ratio:3 / 1;min-height:0;border-radius:0;max-width:none}
 .carousel-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:17px 17px 14px;text-align:start}
 .carousel-kicker{font-size:11px;grid-row:1;grid-column:1;margin:0 0 5px}
 .carousel-copy .carousel-product-name{grid-row:2;grid-column:1 / -1;max-width:none;font-size:17px;line-height:1.6;text-align:start;margin:0}
 .carousel-features{grid-column:1 / -1;grid-row:3;justify-content:start;gap:5px 10px;margin:10px 0 13px}.carousel-features li{font-size:11px}
 .carousel-live-price{grid-row:4;grid-column:1;align-self:center;justify-content:start;max-width:none;margin:0}.carousel-live-price>small{font-size:8px;margin-bottom:0}.carousel-live-price>strong{font-size:28px;line-height:1.5}.carousel-live-price .currency{font-size:11px}
 .carousel-cta{grid-row:4;grid-column:2;gap:0;max-width:165px}.carousel-cta .button{font-size:12px;min-height:44px;padding:10px 14px}.carousel-cta .text-link{display:none}
 .carousel-terms{grid-row:6;grid-column:1 / -1;font-size:10px;margin-top:13px;padding-top:10px;line-height:1.9}.carousel-copy .carousel-stock{grid-row:5;grid-column:1 / -1;font-size:10px;margin-top:10px}
 .carousel-controls{min-height:49px;padding:4px 13px}.carousel-buttons{gap:6px}.carousel-buttons button{min-width:38px;min-height:38px}.carousel-dots button{min-width:27px;min-height:38px}.carousel-counter{font-size:9px}
 .offer-brand{min-height:115px;gap:20px;font-size:20px}.offer-brand .brand-symbol{--symbol-size:50px}.offer-brand .brand-label{font-size:10px}
 .category-section{margin-bottom:32px}.section-head{margin-bottom:17px}.section-head h2{font-size:21px}.section-head .text-link{font-size:10px}.eyebrow{font-size:9px}
 body[data-page=home] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-page=home] .category-card{flex-direction:row;align-items:center;gap:11px;min-height:85px;padding:14px 12px;border-radius:13px}body[data-page=home] .category-icon{width:33px;height:37px;background:none}body[data-page=home] .category-icon svg{width:24px}body[data-page=home] .category-card h3{font-size:12px}body[data-page=home] .category-card small{font-size:10px}
 .products-grid,.catalog-content .products-grid{gap:11px}.product-art{min-height:133px;padding:37px 12px 16px}.product-art .brand-symbol{--symbol-size:52px}.product-art .brand-label{font-size:9px}.product-art .badge{font-size:7px}.product-body{padding:13px}.product-body h3{font-size:14px;min-height:48px}.card-price .money{font-size:20px}.card-details{font-size:10px;min-height:40px}.home-products{margin-bottom:30px}.how-section{border-radius:16px}
}
@media(max-width:360px){.store-welcome h2{font-size:20px}.carousel-copy{padding:14px 12px}.carousel-copy .carousel-product-name{font-size:15px}.carousel-cta .button{font-size:10px;padding-inline:10px}.carousel-live-price>strong{font-size:25px}body[data-page=home] .category-card{gap:6px;padding:12px 8px}body[data-page=home] .category-card h3{font-size:11px}body[data-page=home] .category-card small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-card,.button,body[data-page=home] .category-card{transition:none}.product-card:hover{transform:none}}

/* Store policies and the customer's existing wallet. */
.policy-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.policy-document{max-width:900px;margin:0 auto 50px;background:var(--panel);border:1px solid var(--line);padding:clamp(22px,4vw,44px);border-radius:20px}.policy-document section{margin-bottom:28px}.policy-document h2{font-size:20px;margin-bottom:10px}.policy-document p{line-height:2.1;color:#becce0}.policy-actions,.wallet-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.wallet-overview{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#153461,#302054);margin:20px 0}.wallet-overview h2{font-size:38px;margin:8px 0}.wallet-overview small{color:#bacbe0}.wallet-history{display:grid;gap:12px}.wallet-entry{display:flex;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.wallet-entry h3{font-size:16px;margin:0 0 6px}.wallet-entry p,.wallet-entry small{color:#aabbd1}.wallet-entry strong{white-space:nowrap;align-self:center}.credit{color:#67e4b6}.debit{color:#ff96ad}.support-contact{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid var(--line);border-radius:18px;padding:25px;margin:0 0 25px}.support-contact p{flex-basis:100%;color:#aabbd1}.terms-check a{text-decoration:underline;color:#9bcaff}.account-tabs{overflow-x:auto;flex-wrap:nowrap}@media(max-width:500px){.wallet-overview{padding:22px}.wallet-overview h2{font-size:31px}.wallet-entry{padding:16px;gap:12px}.wallet-entry p{font-size:12px}.policy-document h2{font-size:18px}.policy-nav .chip{font-size:12px}.account-tabs button{white-space:nowrap;flex:0 0 auto}}

/* Studio preview: product-first storefront with platform-specific product objects. */
:root {
 --bg: #0b0f19;
 --panel: #151c29;
 --line: #293142;
}
body { background: #0b0f19; color: #f5f6fc; }
.wrap { width: min(1320px, calc(100% - 80px)); }
.announcement { background: #111827; }
.announcement > .wrap { min-height: 27px; }
.header { background: #0c111bee; backdrop-filter: blur(18px); }
.header-inner { min-height: 78px; }
.header-search { border-radius: 100px; background: #191f2b; border-color: #2c3445; max-width: 470px; }
.header-search input { font-size: 13px; }
.site-logo { width: 43px; height: 43px; border-radius: 50%; }
.nav-shell { background: transparent; }
.nav-inner { min-height: 43px; }
.nav-inner nav { gap: 30px; }
body[data-page=home] .site-main { max-width: 1320px; }
.storefront-intro { padding: 28px 0 22px; }
.storefront-intro .welcome-kicker { font: 500 11px/1.6 Cairo, sans-serif; color: #a1aec8; letter-spacing: 0; }
.storefront-intro h2 { font-size: clamp(22px, 2.3vw, 31px); font-weight: 650; margin-top: 4px; letter-spacing: -.7px; }
.storefront-intro .text-link { font-size: 12px; color: #aabff4; }
.home-carousel.hero { border: 0; border-radius: 20px; background: #151e2d; }
.carousel-copy { grid-template-columns: minmax(0,1fr) auto auto; gap: 0 30px; padding: 19px 28px; }
.carousel-kicker { font-size: 10px; color: #b3c9f3; }
.carousel-copy .carousel-product-name { font-size: 21px; font-weight: 650; }
.carousel-features { margin-top: 7px; }
.carousel-features li { color: #99acc9; font-size: 11px; }
.carousel-live-price > strong { font-size: 30px; }
.carousel-live-price > small { font-size: 10px; }
.carousel-cta .button { border-radius: 100px; padding-inline: 25px; background: #7770f3; border: 0; font-size: 12px; min-height: 45px; }
.carousel-cta .text-link, .carousel-terms { display: none; }
.carousel-controls { padding: 2px 24px; min-height: 44px; background: #151e2d; border-top: 1px solid #ffffff09; }
.carousel-buttons button { min-width: 33px; min-height: 33px; border: 0; background: #ffffff08; }
.home-promo-layout { margin-bottom: 30px; }
.section-head { align-items: center; margin-bottom: 23px; }
.section-head .eyebrow { font-size: 11px; color: #96a2ba; }
.section-head h2 { font-size: 29px; font-weight: 650; letter-spacing: -.6px; }
.section-head .text-link { display: inline-flex; align-items: center; gap: 12px; color: #c5cde0; font-size: 12px; }
.heading-dot { color: #9588ff; }
.category-section { padding-block: 5px 0; margin-bottom: 44px; }
.category-section .section-head { margin-bottom: 15px; }
.category-section .section-head .eyebrow { display: none; }
.category-section .section-head h2 { font-size: 19px; }
body[data-page=home] .category-grid { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 10px; }
body[data-page=home] .category-card { position: relative; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 114px; padding: 15px 8px; background: transparent; border: 0; border-radius: 16px; gap: 10px; }
body[data-page=home] .category-card:hover { background: #1b2231; }
body[data-page=home] .category-icon { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 16px; background: #202b42; color: #a9c3ff; }
body[data-page=home] .category-card:nth-child(2n) .category-icon { background: #2c2345; color: #cab2ff; }
body[data-page=home] .category-card:nth-child(3n) .category-icon { background: #193439; color: #8bd9dc; }
body[data-page=home] .category-card:nth-child(4n) .category-icon { background: #38273a; color: #dfb2e1; }
body[data-page=home] .category-card h3 { font-size: 11px; font-weight: 550; margin: 0; line-height: 1.8; }
body[data-page=home] .category-card small { display: none; }
.home-products { margin-bottom: 55px; }
.products-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.product-card { --platform-color: #95a6fb; display: flex; flex-direction: column; position: relative; min-width: 0; background: #151c29; border: 1px solid #2a3242; border-radius: 22px; overflow: hidden; box-shadow: 0 10px 25px #0000000c; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.product-card[data-platform=chatgpt] { --platform-color: #60c3ac !important; }
.product-card[data-platform=capcut] { --platform-color: #b0a2ed !important; }
.product-card[data-platform=canva] { --platform-color: #66d4d6 !important; }
.product-card[data-platform=youtube] { --platform-color: #ef98a9 !important; }
.product-card:hover { transform: translateY(-5px); border-color: #7266b1; box-shadow: 0 17px 35px #00000025; }
.card-topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 17px 13px; }
.card-topline .product-category { font-size: 10px; color: #a0aec8; line-height: 1.8; }
.card-topline .badge { display: inline-flex; align-items: center; gap: 5px; flex: none; border: 0; border-radius: 0; background: none; padding: 0; font-size: 10px; color: #a6d5b9; line-height: 1.8; }
.card-topline .status-dot { width: 5px; height: 5px; background: #79c5a1; }
.product-card .product-art { position: relative; display: grid; place-items: center; min-height: 190px; padding: 14px 22px; margin: 0 10px; border: 0; border-radius: 15px; isolation: isolate; overflow: hidden; background: linear-gradient(130deg, color-mix(in srgb,var(--platform-color) 44%,#e5e9f8),color-mix(in srgb,var(--platform-color) 23%,#d2d8ed)); }
.platform-watermark { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); font: 850 57px/1 system-ui,sans-serif; letter-spacing: -3px; color: #252b4717; white-space: nowrap; z-index: -1; }
.platform-object { width: 210px; max-width: 100%; aspect-ratio: 1.6; padding: 13px 16px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; background: linear-gradient(115deg,#fff,#f6f8ffed); border: 1px solid #ffffff; border-radius: 15px; box-shadow: 5px 12px 12px #1b29451f, 18px 26px 35px #36426e36; transform: perspective(700px) rotateY(-9deg) rotateZ(-7deg); transition: transform .35s ease; direction: ltr; }
.product-card:hover .platform-object { transform: perspective(700px) rotateY(0) rotateZ(-3deg) translateY(-2px); }
.object-label { display: flex; align-items: center; justify-content: space-between; font: 750 9px/1 system-ui,sans-serif; letter-spacing: 1.3px; color: #4b556b; }
.object-label > span { font-size: 16px; color: #8173d5; }
.product-art .brand-lockup { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 12px; width: auto; }
.product-art .brand-symbol { --symbol-size: 46px; border: 0; background: #fff; border-radius: 11px; box-shadow: none; }
.product-art .brand-label { color: #1b2233; font: 650 21px/1.2 system-ui,sans-serif; letter-spacing: -.7px; }
.object-caption { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #6c7287; direction: rtl; font: 500 9px/1.5 Cairo,sans-serif; }
.object-caption > span { display: inline-flex; color: #808aa6; }
.product-card .discount-label { top: 12px; right: 12px; bottom: auto; left: auto; font-size: 10px; background: #ede5ff; color: #543698; border: 1px solid #cab9ff; padding: 4px 8px; }
.product-body,.catalog-content .product-body { padding: 20px 20px 18px; display: flex; flex-direction: column; flex: 1; }
.product-card h3 { min-height: 48px; font: 650 16px/1.55 system-ui,Cairo,sans-serif; color: #f4f6ff; margin: 0 0 12px; text-align: start; overflow-wrap: anywhere; }
.product-card h3 a:hover { color: #c5bbff; }
.card-facts { display: flex; flex-wrap: wrap; gap: 6px; min-height: 28px; margin-bottom: 9px; }
.card-facts > span { padding: 3px 8px; border-radius: 6px; background: #232c3d; border: 1px solid #ffffff07; color: #c4cfe3; font-size: 10px; line-height: 1.6; }
.card-facts:empty { min-height: 0; }
.product-card .delivery { display: flex; align-items: center; gap: 5px; font-size: 10px; color: #8f9db5; line-height: 1.9; }
.product-card .delivery svg { color: #a69aee; flex: none; width: 13px; height: 13px; }
.card-bottom { display: flex; align-items: end; gap: 10px; justify-content: space-between; padding-top: 19px; margin-top: auto; }
.card-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.card-price > small { flex-basis: 100%; font-size: 9px; color: #8492ad; margin-bottom: 1px; }
.card-price .money { color: #f6f7ff; font-size: 28px; font-weight: 700; line-height: 1.3; letter-spacing: -.7px; }
.card-price .currency { color: #95a4c0; font-size: 11px; font-weight: 400; }
.card-price del { font-size: 11px; color: #90a0ba; }
.card-details { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 7px; width: auto; min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid #53618d; border-radius: 50px; background: #303a5c; color: #e8e8ff; font-size: 11px; }
.card-details:hover { background: #7362c7; border-color: #9984ee; }
.card-details svg { flex: none; }
.unavailable .product-art { filter: saturate(.45); }
.unavailable .card-topline .badge { color: #b7bdcc; }
.trust { gap: 25px; padding: 27px 0; border-color: #272f40; margin: 0 0 50px; }
.trust article { align-items: center; }
.trust .icon { color: #a49acb; background: #1c2433; border-radius: 14px; }
.trust strong { font-size: 13px; font-weight: 600; }
.trust p { font-size: 10px; color: #939fb6; line-height: 1.8; }
.how-section { background: linear-gradient(130deg,#151c29,#191e31); border-color: #2b3248; border-radius: 22px; padding: 35px; }
.how-section h2 { font-size: 31px; font-weight: 600; }
.faq-section { margin-top: 45px; }
.faq-list details { background: none; border-radius: 0; border-width: 0 0 1px; border-color: #2d3447; }
.faq-list summary { font-weight: 500; padding-block: 21px; }
.footer { background: #0a0e17; padding-top: 15px; }
.footer-about p { color: #8592aa; line-height: 2; }
@media(max-width:1150px) {
 .wrap { width: calc(100% - 48px); }
 .products-grid { gap: 17px; }
 .product-card .product-art { min-height: 165px; padding: 14px 20px; }
 .platform-object { padding: 11px 13px; }
 .product-art .brand-label { font-size: 18px; }
 .product-art .brand-symbol { --symbol-size: 39px; }
 .product-body,.catalog-content .product-body { padding: 18px 15px; }
 .card-details { padding-inline: 10px; }
 .card-details > span { display: none; }
 .product-card h3 { font-size: 15px; }
}
@media(max-width:900px) {
 .products-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 body[data-page=home] .category-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
 body[data-page=home] .category-card { min-height: 97px; padding: 9px; }
 .catalog-content .products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .wrap { width: calc(100% - 32px); }
 .announcement > .wrap { min-height: 24px; font-size: 8px; }
 .header-inner { padding-block: 11px; gap: 10px; }
 .site-logo { width: 35px; height: 35px; }
 .brand { font-size: 22px; gap: 8px; }
 .brand small { font-size: 6px; }
 .header-search { min-height: 41px; border-radius: 11px; background: #181f2c; }
 .storefront-intro { padding: 20px 0 16px; }
 .storefront-intro h2 { font-size: 21px; letter-spacing: -.6px; }
 .storefront-intro .welcome-kicker { font-size: 10px; }
 .home-carousel.hero { border-radius: 16px; }
 .carousel-copy { grid-template-columns: minmax(0,1fr) auto; gap: 0 8px; padding: 15px 16px; }
 .carousel-kicker, .carousel-features { display: none; }
 .carousel-copy .carousel-product-name { grid-column: 1 / -1; grid-row: 1; font-size: 16px; margin: 0 0 12px; }
 .carousel-live-price { grid-column: 1; grid-row: 2; }
 .carousel-live-price > small { display: none; }
 .carousel-live-price > strong { font-size: 29px; }
 .carousel-cta { grid-column: 2; grid-row: 2; }
 .carousel-cta .button { min-height: 40px; padding: 9px 19px; font-size: 11px; }
 .carousel-copy .carousel-stock { grid-row: 3; }
 .carousel-controls { min-height: 40px; padding: 0 13px 5px; }
 .carousel-buttons button { min-width: 31px; min-height: 31px; }
 .carousel-dots button { min-height: 31px; }
 .home-promo-layout { margin-bottom: 25px; }
 .category-section { margin-bottom: 29px; }
 .category-section .section-head { margin-bottom: 6px; }
 .category-section .section-head h2 { font-size: 16px; }
 .section-head h2 { font-size: 25px; }
 .section-head .eyebrow { font-size: 10px; }
 .section-head .text-link { font-size: 10px; gap: 6px; }
 body[data-page=home] .category-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
 body[data-page=home] .category-card { gap: 7px; padding: 10px 2px; min-height: 92px; flex-direction: column; }
 body[data-page=home] .category-icon { width: 42px; height: 42px; border-radius: 14px; }
 body[data-page=home] .category-card h3 { font-size: 9px; line-height: 1.7; }
 .products-grid,.catalog-content .products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
 .product-card { border-radius: 17px; }
 .card-topline { padding: 11px 10px 10px; gap: 4px; }
 .card-topline .product-category { font-size: 9px; }
 .card-topline .badge { font-size: 9px; gap: 4px; }
 .card-topline .status-dot { width: 4px; height: 4px; }
 .product-card .product-art { min-height: 133px; padding: 12px 15px; margin-inline: 6px; border-radius: 11px; }
 .platform-object { width: 138px; aspect-ratio: 1.4; padding: 10px; border-radius: 11px; }
 .product-art .brand-lockup { gap: 6px; }
 .product-art .brand-symbol { --symbol-size: 29px; border-radius: 8px; }
 .product-art .brand-label { font-size: 13px; letter-spacing: -.5px; }
 .object-label { font-size: 7px; letter-spacing: .8px; }
 .object-label > span { font-size: 12px; }
 .object-caption { font-size: 7px; }
 .object-caption > span { font-size: 13px; }
 .platform-watermark { font-size: 36px; }
 .product-body,.catalog-content .product-body { padding: 16px 12px 13px; }
 .product-card h3 { font-size: 14px; line-height: 1.5; min-height: 43px; margin-bottom: 11px; }
 .card-facts { gap: 5px; margin-bottom: 8px; min-height: 24px; }
 .card-facts > span { padding: 3px 5px; font-size: 9px; }
 .product-card .delivery { font-size: 10px; line-height: 1.8; align-items: start; gap: 3px; }
 .product-card .delivery svg { width: 11px; height: 11px; margin-top: 2px; }
 .card-bottom { padding-top: 17px; gap: 4px; }
 .card-price { gap: 3px; }
 .card-price > small { font-size: 8px; }
 .card-price .money { font-size: 25px; line-height: 1.3; }
 .card-price .currency { font-size: 9px; }
 .card-details { width: 36px; min-width: 36px; min-height: 36px; padding: 0; }
 .card-details > span { display: none; }
 .card-details svg { width: 16px; }
 .trust { gap: 12px; padding-block: 22px; margin-bottom: 30px; }
 .trust strong { font-size: 10px; }
 .trust p { font-size: 9px; }
 .how-section { padding: 25px; }
 .how-section h2 { font-size: 25px; }
 .faq-section { margin-top: 30px; }
 .faq-list summary { font-size: 13px; }
}
@media(max-width:360px) {
 .wrap { width: calc(100% - 24px); }
 .products-grid,.catalog-content .products-grid { gap: 9px; }
 .card-topline { padding-inline: 9px; }
 .card-topline .product-category { font-size: 7px; }
 .card-topline .badge { font-size: 7px; }
 .product-card .product-art { padding-inline: 10px; min-height: 123px; }
 .platform-object { padding: 8px; }
 .product-art .brand-symbol { --symbol-size: 25px; }
 .product-art .brand-label { font-size: 12px; }
 .product-card h3 { font-size: 13px; }
 .product-body,.catalog-content .product-body { padding-inline: 11px; }
 .card-price .money { font-size: 22px; }
 .card-facts > span { font-size: 8px; }
}
@media(prefers-reduced-motion:reduce) {
 .product-card, .platform-object { transition: none; }
 .product-card:hover { transform: none; }
}

/* Glass revision: all hero information sits on the photographic stage. */
body {
 background: radial-gradient(ellipse at 96% 26%,#27225b24,transparent 37%),
 radial-gradient(ellipse at 3% 65%,#16415c1f,transparent 33%), #0b0f19;
}
.header { background: #101726ce; border-bottom-color: #ffffff12; backdrop-filter: blur(16px) saturate(1.15); -webkit-backdrop-filter: blur(16px) saturate(1.15); }
.header-search { background: #ffffff05; border-color: #ffffff14; box-shadow: inset 0 1px 0 #ffffff04; }
.home-carousel.hero { position: relative; border: 1px solid #ffffff1e; border-radius: 25px; box-shadow: 0 20px 70px #00000025; }
.carousel-slide { position: relative; display: block; aspect-ratio: 3 / 1; min-height: 420px; padding: 0; overflow: hidden; isolation: isolate; }
.carousel-art,.panorama-slide .carousel-art { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; min-height: 0; aspect-ratio: auto; z-index: -2; border-radius: 0; }
.carousel-art .carousel-artwork { object-fit: cover; object-position: left center; }
.carousel-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 32%,#070e2470 95%); z-index: -1; pointer-events: none; }
.carousel-copy { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; width: 44%; max-width: 560px; margin: 24px 28px 24px auto; padding: 23px 26px; gap: 8px 18px; border: 1px solid #c1d6ff3b; border-radius: 22px; background: linear-gradient(135deg,#27324f99,#12203ba6); backdrop-filter: blur(17px) saturate(1.1); -webkit-backdrop-filter: blur(17px) saturate(1.1); box-shadow: inset 0 1px 0 #ffffff24,0 15px 40px #00000025; direction: rtl; text-align: start; }
.carousel-kicker { grid-column: 1 / -1; grid-row: 1; width: fit-content; margin: 0; font-size: 10px; color: #c5d6ff; line-height: 1.7; }
.carousel-copy h2 { position: static; grid-column: 1 / -1; grid-row: 2; width: auto; height: auto; font: 700 clamp(29px,3.1vw,42px)/1.5 Cairo,sans-serif; letter-spacing: -1.2px; margin: 0; color: #f7f8ff; text-wrap: balance; }
.carousel-copy .carousel-product-name { grid-column: 1 / -1; grid-row: 3; font-size: 16px; line-height: 1.6; font-weight: 550; margin: 0; color: #d5dff2; }
.carousel-features { display: flex; grid-column: 1 / -1; grid-row: 4; gap: 5px 12px; margin: 2px 0 7px; padding: 0; }
.carousel-features li { color: #c9d5e9; font-size: 10px; }
.carousel-features li svg { color: #b2e3ee; }
.carousel-live-price { grid-column: 1; grid-row: 5; margin: 0; max-width: none; justify-content: start; align-self: center; }
.carousel-live-price > small { display: block; font-size: 9px; color: #b8c6de; margin-bottom: 2px; }
.carousel-live-price > strong { font-size: 32px; line-height: 1.4; }
.carousel-live-price .currency { color: #bccce7; }
.carousel-live-price del { font-size: 11px; color: #b9c3d8; }
.carousel-cta { grid-column: 2; grid-row: 5; display: flex; flex-direction: row; width: auto; max-width: none; }
.carousel-cta .button { min-height: 44px; padding: 10px 20px; border: 1px solid #dfdaff40; background: linear-gradient(120deg,#7a79ec,#9c84ed); box-shadow: inset 0 1px 0 #ffffff24,0 8px 20px #00000017; font-size: 11px; color: #fff; }
.carousel-cta .text-link { display: none; }
.carousel-copy .carousel-stock { grid-column: 1 / -1; grid-row: 6; margin: 0; color: #e0caff; font-size: 11px; }
.carousel-terms { display: block; grid-column: 1 / -1; grid-row: 7; margin: 6px 0 0; padding-top: 9px; border-color: #ffffff16; font-size: 9px; color: #aebedc; line-height: 1.8; }
.carousel-controls { position: absolute; top: 16px; left: 16px; right: auto; bottom: auto; width: auto; max-width: calc(50% - 32px); min-height: 41px; padding: 3px 10px; gap: 12px; border: 1px solid #ffffff25; border-radius: 100px; background: #12203e80; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: inset 0 1px 0 #ffffff13; }
.carousel-buttons { gap: 5px; }
.carousel-buttons button { min-width: 30px; min-height: 30px; background: #ffffff0c; }
.carousel-dots button { min-width: 24px; min-height: 30px; }
.carousel-counter { font-size: 9px; }
.product-card { background: linear-gradient(145deg,#ffffff0b,#ffffff04); border-color: #aab9e52b; box-shadow: inset 0 1px 0 #ffffff12,0 12px 30px #00000018; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.product-card:hover { border-color: #b5a6ff70; box-shadow: inset 0 1px 0 #ffffff20,0 18px 35px #00000025; }
.platform-object { background: linear-gradient(120deg,#fffffffa,#ffffffb5); border-color: #fff; box-shadow: inset 0 1px 0 #ffffff,4px 11px 13px #1b29451f,17px 24px 35px #36426e32; }
.card-facts > span { background: #c1d4ff0b; border-color: #c4d5ff15; color: #c2cfe7; }
.card-details { background: linear-gradient(130deg,#9092d133,#7f6cb34a); border-color: #c9c1ff40; box-shadow: inset 0 1px 0 #ffffff10; }
body[data-page=home] .category-icon { border: 1px solid #d6d4ff15; box-shadow: inset 0 1px 0 #ffffff0a; }
@supports not (backdrop-filter:blur(1px)) {
 .carousel-copy { background: #19253eee; }
 .carousel-controls { background: #14203de8; }
 .header { background: #101726f5; }
}
@media(max-width:1100px) {
 .carousel-slide { min-height: 400px; }
 .carousel-copy { width: 48%; margin: 18px 20px 18px auto; padding: 20px; gap: 7px 12px; }
 .carousel-copy h2 { font-size: 33px; }
 .carousel-copy .carousel-product-name { font-size: 15px; }
 .carousel-features li { font-size: 9px; }
 .carousel-cta .button { padding-inline: 14px; font-size: 10px; }
 .carousel-controls { gap: 6px; padding-inline: 7px; }
 .carousel-counter { display: none; }
}
@media(max-width:700px) {
 .header { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
 .home-carousel.hero { border-radius: 20px; }
 .carousel-slide { aspect-ratio: auto; min-height: 445px; }
 .carousel-art,.panorama-slide .carousel-art { aspect-ratio: auto; }
 .carousel-art .carousel-artwork { object-fit: cover; object-position: 22% center; }
 .carousel-slide::after { background: linear-gradient(180deg,#07112410 10%,#0b132755 40%,#0b1327b5 100%); }
 .carousel-copy { position: absolute; bottom: 13px; left: 13px; right: 13px; width: auto; max-width: none; margin: 0; padding: 17px 18px; gap: 5px 12px; border-radius: 18px; background: linear-gradient(140deg,#1d2a45c9,#12223ac9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
 .carousel-kicker { display: block; font-size: 9px; }
 .carousel-copy h2 { font-size: 29px; line-height: 1.45; letter-spacing: -.7px; }
 .carousel-copy .carousel-product-name { font-size: 14px; line-height: 1.6; margin: 0; }
 .carousel-features { display: flex; margin: 3px 0 7px; gap: 5px 10px; }
 .carousel-features li { font-size: 9px; }
 .carousel-live-price > small { display: none; }
 .carousel-live-price > strong { font-size: 28px; }
 .carousel-live-price .currency { font-size: 10px; }
 .carousel-cta .button { min-height: 40px; font-size: 10px; padding: 9px 15px; }
 .carousel-terms { font-size: 8px; line-height: 1.9; margin-top: 5px; padding-top: 8px; }
 .carousel-controls { top: 11px; left: 11px; max-width: calc(100% - 22px); padding: 2px 8px; min-height: 36px; gap: 8px; }
 .carousel-buttons button { min-width: 29px; min-height: 29px; }
 .carousel-dots button { min-width: 23px; min-height: 29px; }
 .product-card { backdrop-filter: none; -webkit-backdrop-filter: none; background: linear-gradient(145deg,#1c2435f2,#171f2df2); }
}
@media(max-width:360px) {
 .carousel-slide { min-height: 455px; }
 .carousel-copy { padding: 16px 14px; left: 11px; right: 11px; }
 .carousel-copy h2 { font-size: 27px; }
 .carousel-copy .carousel-product-name { font-size: 13px; }
 .carousel-cta .button { padding-inline: 11px; }
 .carousel-features li { font-size: 8px; }
}

/* Keep the approved artwork and its typography intact; glass is a UI layer only. */
.carousel-slide { min-height: 0; aspect-ratio: 3 / 1; }
.carousel-art .carousel-artwork { object-fit: contain; object-position: center; }
.carousel-slide::after { background: none; }
.carousel-copy { position: absolute; top: auto; bottom: 18px; left: 20px; right: auto; width: 41%; max-width: 510px; margin: 0; padding: 17px 20px; gap: 6px 14px; border-radius: 18px; background: linear-gradient(135deg,#1e2b409c,#0f1c31ab); }
.carousel-copy h2.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; margin: -1px; padding: 0; border: 0; }
.carousel-kicker { grid-row: 1; font-size: 9px; }
.carousel-copy .carousel-product-name { grid-row: 2; font-size: 16px; color: #f4f7ff; }
.carousel-features { grid-row: 3; margin: 0 0 7px; gap: 4px 10px; }
.carousel-features li { font-size: 9px; }
.carousel-live-price { grid-row: 4; }
.carousel-live-price > small { display: none; }
.carousel-live-price > strong { font-size: 31px; }
.carousel-cta { grid-row: 4; }
.carousel-copy .carousel-stock { grid-row: 5; }
.carousel-terms { display: none; }
.carousel-controls { top: 12px; left: 50%; transform: translateX(-50%); right: auto; max-width: calc(100% - 30px); }
@media(max-width:1100px) and (min-width:701px) {
 .carousel-copy { bottom: 13px; left: 14px; width: 47%; padding: 14px 16px; gap: 4px 10px; }
 .carousel-copy .carousel-product-name { font-size: 14px; }
 .carousel-features { margin-bottom: 4px; }
 .carousel-features li { font-size: 8px; }
 .carousel-live-price > strong { font-size: 27px; }
 .carousel-cta .button { min-height: 38px; padding: 8px 13px; font-size: 10px; }
}
@media(max-width:700px) {
 .carousel-slide { min-height: 350px; aspect-ratio: auto; }
 .carousel-art::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#0a122b15,#0b173b70),var(--hero-image) center/cover; opacity: .55; filter: blur(14px); transform: scale(1.1); }
 .carousel-art picture { display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; }
 .carousel-art .carousel-artwork { display: block; position: static; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: contain; }
 .carousel-copy { bottom: 14px; top: auto; left: 13px; right: 13px; width: auto; max-width: none; padding: 17px 18px; gap: 6px 12px; background: linear-gradient(140deg,#263652a6,#10213cba); }
 .carousel-copy .carousel-product-name { font-size: 15px; }
 .carousel-kicker { font-size: 9px; }
 .carousel-features li { font-size: 9px; }
 .carousel-features { margin-bottom: 5px; }
 .carousel-live-price > strong { font-size: 29px; }
 .carousel-controls { top: 132px; left: 50%; transform: translateX(-50%); }
}
@media(max-width:360px) {
 .carousel-slide { min-height: 340px; }
 .carousel-copy { left: 11px; right: 11px; padding: 15px; }
 .carousel-copy .carousel-product-name { font-size: 14px; }
 .carousel-features li { font-size: 8px; }
 .carousel-controls { top: 112px; }
}
.brand-offer-slide .offer-brand { justify-content: flex-end; padding-inline: 8%; }
@media(max-width:700px) { .brand-offer-slide .offer-brand { align-items: start; justify-content: center; padding-top: 40px; } }
@media(prefers-reduced-transparency:reduce) {
 .header,.carousel-copy,.carousel-controls,.product-card { backdrop-filter: none; -webkit-backdrop-filter: none; }
 .carousel-copy { background: #1a2943f5; }
 .header { background: #101726f5; }
}

/* Real catalog discovery. Glass artwork and native product logos remain unchanged. */
.collection-section { margin: 0 0 48px; }
.affordable-collection { padding: 28px 24px; border: 1px solid #c5d6ff15; border-radius: 24px; background: linear-gradient(130deg,#19263c70,#1d19363d); }
.collection-empty { display: flex; align-items: center; gap: 15px; min-height: 92px; padding: 23px 26px; border: 1px solid #c0d1ff1a; background: #18233866; border-radius: 17px; color: #abbedb; }
.collection-empty > svg { flex: none; color: #b0a4f0; }
.collection-empty p { margin: 0; font-size: 13px; line-height: 1.9; }
.collection-empty small { display: block; font-size: 11px; color: #8f9fb8; }
@media(max-width:700px) {
 .collection-section { margin-bottom: 32px; }
 .affordable-collection { padding: 19px 12px; margin-inline: -5px; border-radius: 20px; }
 .collection-section .section-head { gap: 12px; }
 .collection-section .section-head h2 { font-size: 22px; }
 .collection-section .section-head .eyebrow { font-size: 9px; }
 .collection-section .section-head .text-link { white-space: nowrap; font-size: 9px; }
 .collection-empty { padding: 18px; min-height: 80px; }
 .collection-empty p { font-size: 11px; }.collection-empty small { font-size: 10px; }
}

/* Shared storefront language across browsing, account and purchase pages. */
:root { --radius: 19px; --panel: #151e2e; --line: #b8c7f32b; }
button,input,select,textarea { font-family: inherit; }
.button:not(.card-details) { border-radius: 12px; border-color: #b6b5ff55; background: linear-gradient(120deg,#7679e6,#8f72db); color: #fff; box-shadow: inset 0 1px 0 #ffffff1c; font-weight: 650; }
.button.subtle { background: #b5c4f509; border-color: #b5c4f52d; color: #d3def2; }
.button:disabled { opacity: .5; cursor: not-allowed; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline: 2px solid #b6a9ff; outline-offset: 3px; }
.page-heading h1 { font-weight: 650; letter-spacing: -.7px; }
.page-heading p { color: #a6b4cc; line-height: 1.9; }
.auth-panel,.help-card,.support-contact,.checkout-box,.cart-summary,.cart-row,.wallet-entry,.catalog-sidebar,.order-row,.empty,.details-panel,.policy-document { background: linear-gradient(135deg,#1c2638eb,#141d2df2); border: 1px solid #bacbf22b; border-radius: 19px; box-shadow: inset 0 1px 0 #ffffff0a,0 12px 35px #0000000d; }
.auth-panel { padding: 33px; }.auth-panel h1 { font-weight: 650; }.auth-aside h2 { font-weight: 650; }
.auth-panel input:not([type=hidden]),.checkout-box input:not([type=checkbox]),.checkout-box select,.google-link-panel input { border-radius: 11px; border-color: #b7c6e332; background: #0a132680; }
.auth-panel .password-field input { background: none; border: 0; }
.catalog-sidebar { top: 155px; padding: 19px 12px; }
.catalog-sidebar nav a { border-radius: 10px; padding-block: 11px; }
.catalog-sidebar nav a.active { background: #ad9aff20; color: #d9d0ff; }
.toolbar .search,.toolbar select { border-radius: 12px; border-color: #b6c3df30; background: #172238; }
.catalog-results { color: #a9b7ce; }
.detail-art { border-color: #c5d3f232; border-radius: 24px; background: radial-gradient(ellipse at 35% 20%,#41548b5c,transparent 65%),linear-gradient(145deg,#1b2843,#211b38); }
.detail-art .brand-symbol { box-shadow: 0 20px 40px #00000026,inset 0 1px 0 #fff; }
.detail-info h1 { font-size: clamp(26px,3vw,39px); font-weight: 650; line-height: 1.5; }
.detail-price { font-size: 36px; }.detail-price .currency { color: #a7b7d4; }
.details-panel .tabs { border-color: #ffffff13; background: #ffffff03; }
.tabs button.active,.tabs button[aria-selected=true] { background: #a18bf020; color: #d7ccff; }
.tab-content { color: #c0cce1; line-height: 2.1; }
.checkout-box { padding: 25px; }.summary-line { border-color: #c0cfef16; }
.account-hero .avatar { background: #a28afa16; border: 1px solid #b9a6ff33; color: #c0b1ff; border-radius: 20px; }
.account-tabs { border-color: #b7c7f02b; background: #182237; border-radius: 14px; }
.wallet-overview { background: linear-gradient(120deg,#233a61bd,#3924529c); border-color: #b2baf33b; box-shadow: inset 0 1px 0 #ffffff0f; }
.help-card h2,.policy-document h2 { font-weight: 650; }.help-card p,.policy-document p { color: #b2c1da; }
.mobile-nav,.mobile-buy-rail { border-top: 1px solid #b5c3e32b; background: #111c2ef2; }
.mobile-nav a[aria-current=page] { color: #b9a8ff; }
.card-plan { margin: -3px 0 12px; color: #96a8c5; font: 450 11px/1.6 system-ui,sans-serif; overflow-wrap: anywhere; }
.product-card h3 { font-family: Cairo,system-ui,sans-serif; font-size: 15px; line-height: 1.8; min-height: 27px; }
body[data-page=home] .category-card[data-category=ai] .category-icon { background: #233152; color: #a2beff; }
body[data-page=home] .category-card[data-category=design] .category-icon { background: #332443; color: #d4aaff; }
body[data-page=home] .category-card[data-category=video] .category-icon { background: #193a40; color: #8fdde2; }
body[data-page=home] .category-card[data-category=developer] .category-icon { background: #2d2849; color: #c1b1f8; }
body[data-page=home] .category-card[data-category=productivity] .category-icon { background: #29364a; color: #acc9ed; }
body[data-page=home] .category-card[data-category=education] .category-icon { background: #1d3c3d; color: #97d9c9; }
@media(max-width:700px) {
 .auth-panel { padding: 25px 20px; }.checkout-box { padding: 20px; }
 .detail-info h1 { font-size: 26px; }.detail-price { font-size: 31px; }
 .product-card h3 { font-size: 13px; line-height: 1.8; min-height: 24px; }
 .card-plan { font-size: 10px; line-height: 1.55; margin-bottom: 10px; }
 /* Keep the actual original photograph as the complete mobile stage. */
 .carousel-slide { aspect-ratio: 3 / 1; min-height: 0; }
 .carousel-art::before { display: none; }
 .carousel-art picture { position: absolute; inset: 0; width: 100%; height: 100%; }
 .carousel-art .carousel-artwork { position: static; width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; }
 .carousel-copy { top: auto; bottom: 5px; left: 6px; right: auto; width: 48%; padding: 7px 8px; margin: 0; gap: 3px 6px; border-radius: 11px; background: linear-gradient(135deg,#19263bc9,#10203bba); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
 .carousel-kicker,.carousel-features,.carousel-terms { display: none; }
 .carousel-copy .carousel-product-name { grid-row: 1; font: 600 11px/1.35 system-ui,sans-serif; margin: 0 0 2px; }
 .carousel-live-price { grid-row: 2; grid-column: 1; }.carousel-live-price > strong { font-size: 21px; line-height: 1.2; }.carousel-live-price .currency { font-size: 8px; }
 .carousel-cta { grid-row: 2; grid-column: 2; }
 .carousel-cta .button { min-width: 29px; min-height: 29px; max-width: 29px; padding: 0; font-size: 0; gap: 0; border-radius: 9px; }
 .carousel-cta .button svg { width: 16px; height: 16px; }
 .carousel-copy .carousel-stock { grid-row: 3; font-size: 8px; margin: 0; }
 .carousel-controls { top: 3px; bottom: auto; left: 54%; right: auto; max-width: none; padding: 1px 3px; min-height: 26px; gap: 0; border-radius: 20px; background: #13233a88; }
 .carousel-dots,.carousel-counter { display: none; }.carousel-buttons { gap: 2px; }.carousel-buttons button { min-width: 24px; min-height: 24px; }.carousel-buttons button svg { width: 12px; height: 12px; }
}
@media(max-width:360px) {
 .carousel-copy { bottom: 4px; left: 5px; width: 49%; padding: 6px; }
 .carousel-copy .carousel-product-name { font-size: 10px; }.carousel-live-price > strong { font-size: 19px; }
 .carousel-cta .button { min-width: 26px; min-height: 26px; max-width: 26px; }
}

/* Research direction: restrained, readable surfaces; glass is optional decoration. */
.product-card { backdrop-filter: none; -webkit-backdrop-filter: none; background: linear-gradient(145deg,#1a2232,#141d2b); }
.carousel-copy { background: #142039df; }
@media(max-width:700px) {
 .carousel-copy { background: #111f35df; }
 .brand-offer-slide { min-height: 180px; }
}