.mk-magnet-stage { min-height:390px;background:radial-gradient(circle at 75% 18%,rgba(38,137,255,.19),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(212,236,251,.94)); }
.mk-magnet-scene { width:min(82%,330px);height:305px;position:relative;z-index:2;transition:transform .35s ease; }.mk-magnet-scene:hover { transform:translateY(-3px); }
.mk-fridge-surface { position:absolute;inset:22px 3px 10px;border-radius:25px;background:linear-gradient(135deg,#e9f2f8,#c5d8e5);border:1px solid rgba(12,62,103,.13);box-shadow:0 26px 47px rgba(5,31,60,.22);transform:rotate(-3deg);overflow:hidden; }
.mk-fridge-surface:before { content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 42%,rgba(255,255,255,.5) 48%,transparent 55%);opacity:.55; }.mk-fridge-surface i { position:absolute;display:block;width:9px;height:9px;border-radius:50%;background:#90aabb;box-shadow:inset 0 1px 2px rgba(0,0,0,.18); }.mk-fridge-surface i:first-child { left:21px;top:21px; }.mk-fridge-surface i:last-child { right:21px;bottom:21px; }
.mk-magnet-depth { position:absolute;z-index:2;left:50%;top:43px;width:226px;height:148px;border-radius:17px;background:#182733;box-shadow:0 22px 32px rgba(5,31,60,.24);transform:translateX(-48%) rotate(5deg); }
.mk-magnet-card { width:226px;height:148px;position:absolute;z-index:3;left:50%;top:33px;padding:18px 19px 15px;overflow:hidden;color:#fff;border-radius:17px;background:linear-gradient(145deg,#061426 0%,#0a3154 61%,#0d5d98 100%);box-shadow:0 23px 45px rgba(5,31,60,.27);transform:translateX(-52%) rotate(-3deg);transition:.35s ease; }
.mk-magnet-card:before { content:"";position:absolute;width:160px;height:160px;right:-80px;top:-82px;border-radius:50%;border:1px solid rgba(105,202,255,.36);box-shadow:0 0 0 25px rgba(105,202,255,.05),0 0 0 50px rgba(105,202,255,.025); }.mk-magnet-card.finish-gloss:after { content:"";position:absolute;inset:-55% 48% -55% -18%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(12deg);pointer-events:none; }
.mk-magnet-card.special-cut { clip-path:polygon(7% 0,93% 0,100% 18%,95% 82%,82% 100%,18% 95%,0 78%,3% 17%);border-radius:24px; }.mk-magnet-card.oval-cut { border-radius:42px; }.mk-magnet-card.size-square { width:178px;height:178px;top:18px; }.mk-magnet-card.size-square-small { width:166px;height:166px;top:24px; }.mk-magnet-card.size-wide { width:244px;height:156px; }
.mk-magnet-brand { display:flex;align-items:center;gap:7px;position:relative;z-index:2;font-size:8px; }.mk-magnet-brand>b { width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#1d79ed;font-size:11px; }.mk-magnet-brand strong { color:#72d2ff; }.mk-magnet-card>small { display:block;margin-top:15px;position:relative;z-index:2;color:#74d4ff;font-size:5px;font-weight:800;letter-spacing:.17em; }.mk-magnet-card h3 { margin:4px 0 5px;position:relative;z-index:2;font-size:20px;line-height:.91;letter-spacing:-.05em; }.mk-magnet-card p { width:72%;margin:0;position:relative;z-index:2;color:#c0d2df;font-size:5.5px;line-height:1.45; }.mk-magnet-card footer { position:absolute;left:19px;right:19px;bottom:13px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#b9d6e8;font-size:5.5px;font-weight:700; }.mk-magnet-card footer b { width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:#061426;background:#72d2ff;font-size:10px; }
.mk-catalog-note { margin:15px 0 0;padding:13px 15px;color:#5b7184;background:#f4f9fd;border:1px solid #dfebf3;border-radius:11px;font-size:10px;line-height:1.65; }.mk-catalog-note a { color:#1769ec;font-weight:800; }
.mk-related-products { margin:34px 0;padding:28px;display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:28px;background:linear-gradient(135deg,#07182c,#0e385f);border-radius:22px;box-shadow:0 18px 48px rgba(5,31,60,.14); }.mk-related-products>div>span { color:#72d2ff;font-size:9px;font-weight:850;letter-spacing:.14em; }.mk-related-products h2 { margin:6px 0 0;color:#fff;font-size:25px;line-height:1.15;letter-spacing:-.035em; }.mk-related-products nav { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }.mk-related-products nav a { min-height:43px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c7d9e7;background:rgba(255,255,255,.055);border:1px solid rgba(162,214,248,.12);border-radius:9px;font-size:9px;font-weight:700;transition:.18s; }.mk-related-products nav a:hover { color:#fff;background:rgba(255,255,255,.1);border-color:rgba(114,210,255,.3);transform:translateY(-1px); }.mk-related-products nav b { color:#72d2ff;font-size:12px; }
@media (max-width:1180px) { .mk-magnet-stage { min-height:340px; }.mk-magnet-scene { width:min(69%,295px);height:270px; }.mk-magnet-card,.mk-magnet-depth { transform:translateX(-50%) rotate(-3deg) scale(.9);transform-origin:top center; }.mk-related-products { grid-template-columns:1fr; }.mk-related-products nav { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .mk-magnet-stage { min-height:305px; }.mk-magnet-scene { width:min(86%,280px);height:255px; }.mk-magnet-card,.mk-magnet-depth { transform:translateX(-50%) rotate(-3deg) scale(.82); }.mk-related-products { padding:20px; }.mk-related-products nav { grid-template-columns:1fr; } }