.brand { gap:9px; }
.brand-logo { width:43px; height:43px; object-fit:contain; filter:drop-shadow(0 7px 18px rgba(104,52,255,.33)); }
.brand-name { line-height:.9; }
.brand-name span { display:block; color:#5caaff; font-size:10px; letter-spacing:2px; margin-top:5px; }
.products-section { background:radial-gradient(circle at 82% 15%,rgba(18,112,244,.1),transparent 30%); }
.section-heading small { display:block; color:var(--muted); font-size:12px; margin-top:9px; }
.products-grid { grid-template-columns:repeat(4,1fr); gap:20px; }
.product-card { overflow:hidden; min-height:0; padding:0; border:1px solid rgba(111,170,255,.16); border-radius:15px; background:#060f28; transition:transform .2s,border-color .2s,box-shadow .2s; }
.product-card:hover { transform:translateY(-5px); border-color:rgba(82,179,255,.6); box-shadow:0 15px 35px rgba(0,0,0,.25); }
.product-media { position:relative; display:grid; place-items:center; height:166px; overflow:hidden; background:radial-gradient(circle at 12% 12%,rgba(48,170,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 83% 0,rgba(116,95,255,.9) 0 18px,transparent 19px),radial-gradient(circle at 0 35%,rgba(21,149,255,.55) 0 34px,transparent 35px),linear-gradient(135deg,#0c3267 0%,#071c42 47%,#160e5f 100%); background-size:70px 70px,auto,auto,auto; }
.product-media:before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent 57%,rgba(0,173,255,.18)),repeating-linear-gradient(135deg,transparent 0 16px,rgba(123,217,255,.11) 16px 17px); opacity:.75; }
.product-logo { position:relative; z-index:1; max-width:75%; max-height:78px; filter:drop-shadow(0 9px 11px rgba(0,0,0,.45)); }
.product-fallback { position:absolute; z-index:1; display:grid; place-items:center; width:142px; min-height:70px; padding:10px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:#09152f; color:white; text-align:center; font:700 18px Outfit,sans-serif; letter-spacing:-.8px; text-shadow:0 4px 12px rgba(0,0,0,.4); }
.product-fallback[hidden] { display:none; }
.product-fallback.disney { font-family:cursive; font-size:29px; color:#e5f5ff; background:linear-gradient(135deg,#072d5c,#145eaa); }.product-fallback.prime { font-size:22px; color:#fff; background:linear-gradient(135deg,#0879ab,#01a8e9); }.product-fallback.tunnelbear { font-size:16px; color:#201605; background:linear-gradient(135deg,#ffe457,#d7a220); }.product-fallback.capcut { font-size:26px; background:#10141e; }.product-fallback.chatgpt { font-size:21px; color:#e6fff7; background:linear-gradient(135deg,#0b332b,#147a5e); }
.product-tag { position:absolute; z-index:2; left:13px; bottom:11px; color:#fff; font:700 10px Outfit,sans-serif; letter-spacing:1.4px; text-transform:uppercase; text-shadow:0 2px 8px #000; }
.product-details { padding:16px; }
.product-card h3 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 16px Outfit,sans-serif; margin:0 0 18px; letter-spacing:-.3px; }
.product-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:0; }
.product-bottom strong { font:700 14px Outfit,sans-serif; color:#1596ff; }
.stock { color:#9facc6; font-size:11px; }
.add-button { position:absolute; z-index:3; right:14px; top:135px; border:0; width:29px; height:29px; border-radius:50%; color:white; background:#147ff5; cursor:pointer; font-size:20px; box-shadow:0 5px 15px rgba(16,113,255,.35); }
@media(max-width:850px) { .products-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:540px) { .brand-logo{width:34px;height:34px}.products-grid{grid-template-columns:1fr} }