/* "Derin Ayaz" gold package card, shared by /store and the admin live preview. Canvas 566x277, scales with its own width. */
.ew-card{--ew-brown:#5a2d0a;position:relative;container-type:inline-size;aspect-ratio:566/277;min-width:0;overflow:hidden;isolation:isolate;border:1px solid #ffe9b8;border-radius:20px;background:radial-gradient(ellipse at 78% 30%,#fff1b3aa,transparent 55%),repeating-conic-gradient(from 200deg at 78% 30%,#ffffff12 0 6deg,transparent 6deg 14deg),linear-gradient(135deg,#ffb23a 0%,#ffcd75 50%,#ffe187 100%);box-shadow:0 10px 18px #5a2d0a55;color:#fff;font-family:Manrope,'Segoe UI',sans-serif}
.ew-card>*{position:absolute}
.ew-art{right:2%;top:0;width:46%;height:62%;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 10px 10px #0b213e78);pointer-events:none}
.ew-title{z-index:3;left:5%;top:9%;max-width:52%;margin:0;font:700 clamp(18px,6cqw,34px)/1.05 'Barlow Condensed',Barlow,sans-serif;color:#fff;text-shadow:0 2px 0 #7a3a0a,0 3px 6px #5a2d0acc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ew-boxes{z-index:3;left:5%;top:45%;max-width:54%;display:flex;flex-wrap:wrap;gap:3cqw 8px;align-items:flex-start}
.ew-box{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.ew-box-tile{position:relative;display:grid;place-items:center;width:clamp(44px,11.3cqw,64px);aspect-ratio:1;border:2px solid #f6c37d;border-radius:12px;background:linear-gradient(145deg,#f9ba6d,#b8642d);box-shadow:inset 0 2px 5px #fff8,0 5px 8px #5a2d0a55;overflow:hidden}
.ew-box-tile img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 2px 3px #1f192f75)}
.ew-ribbon{position:absolute;left:-17px;top:5px;width:62px;padding:1px 0;transform:rotate(-45deg);background:linear-gradient(#e0352b,#b8201a);color:#fff;font:850 9px/1.25 Manrope,sans-serif;font-style:normal;letter-spacing:.04em;text-align:center;box-shadow:0 1px 2px #5a2d0a88}
.ew-box-count{font:800 clamp(10px,2.3cqw,13px)/1.1 Manrope,sans-serif;color:#fff;text-shadow:0 1px 2px #5a2d0acc;font-variant-numeric:tabular-nums;white-space:nowrap}
.ew-boxes[data-count="3"] .ew-box-tile,.ew-boxes[data-count="4"] .ew-box-tile,.ew-boxes[data-count="5"] .ew-box-tile,.ew-boxes[data-count="6"] .ew-box-tile{width:clamp(38px,9cqw,52px)}
.ew-buy{z-index:3;right:5%;bottom:12%;min-width:34%;max-width:46%;min-height:clamp(36px,9.2cqw,52px);padding:0 14px;border:2px solid #f8cd79;border-radius:16px;background:linear-gradient(#ff9a3d,#e8590c);color:#fff;font:950 clamp(15px,3.9cqw,22px)/1 Manrope,sans-serif;text-shadow:0 2px 0 #8a2f06;box-shadow:0 6px 12px #7a2d0a66;cursor:pointer;white-space:nowrap;transition:filter .2s,transform .2s}
.ew-card[data-has-left] .ew-buy{bottom:17%}
.ew-buy:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.ew-buy:disabled{filter:grayscale(.55) brightness(.9);cursor:not-allowed}
.ew-buy:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ew-left{z-index:3;right:5%;bottom:9.6%;min-width:34%;max-width:46%;text-align:center;font:800 clamp(9px,2cqw,11px)/1.2 Manrope,sans-serif;color:#fff;text-shadow:0 1px 2px #5a2d0acc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ew-snow{z-index:2;left:0;right:0;bottom:0;height:9%;background:linear-gradient(#fff,#e9f6ff);box-shadow:0 -2px 4px #ffffff66;-webkit-mask:radial-gradient(circle at 50% 42%,#000 9px,transparent 9.5px) 0 0/20px 100%,linear-gradient(#000,#000) 0 100%/100% 62% no-repeat;mask:radial-gradient(circle at 50% 42%,#000 9px,transparent 9.5px) 0 0/20px 100%,linear-gradient(#000,#000) 0 100%/100% 62% no-repeat;pointer-events:none}
@container (max-width:520px){
 .ew-card{aspect-ratio:340/250}
 .ew-title{top:7%;max-width:56%}
 .ew-art{width:42%;height:48%}
 .ew-boxes{top:38%;max-width:58%}
 .ew-buy{bottom:15%;min-width:38%}
 .ew-card[data-has-left] .ew-buy{bottom:21%}
 .ew-left{bottom:11.5%;min-width:38%}
 .ew-snow{height:8%}
}
@media(prefers-reduced-motion:reduce){.ew-buy{transition:none}}
.ew-ribbon{left:-19px;top:4px;width:58px;font-size:8px}
.ew-buy{padding:0 8px}