.ccl-body{margin:0;background:#f6f7f9}
.ccl,.ccl *{box-sizing:border-box}
.ccl{font-family:'Hind Siliguri',system-ui,sans-serif;color:#1d2327;max-width:760px;margin:0 auto;padding:0 16px 90px;line-height:1.6;font-size:16px}
.ccl h1{font-size:28px;line-height:1.3;margin:0 0 8px}
.ccl h2{font-size:22px;margin:0 0 14px;text-align:center}
.ccl section{margin:0 0 28px}
.ccl-hero{text-align:center;padding:28px 0 8px}
.ccl-sub{color:#555;margin:0 0 16px}
.ccl-btn{display:inline-block;background:#e8590c;color:#fff!important;border:0;border-radius:10px;padding:13px 28px;font:600 17px 'Hind Siliguri',sans-serif;text-decoration:none;cursor:pointer;transition:.15s}
.ccl-btn:hover{background:#cf4f0a}
.ccl-main-img{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);aspect-ratio:1/1}
.ccl-main-img img{width:100%;height:100%;object-fit:contain;display:block}
.ccl-thumbs{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.ccl-thumb-btn{width:62px;height:62px;padding:2px;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer}
.ccl-thumb-btn.on{border-color:#e8590c}
.ccl-thumb-btn img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}
.ccl-video-wrap{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.ccl-video-wrap iframe,.ccl-video-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0}
.ccl-details-body{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.ccl-details-body ul{padding-left:20px;margin:8px 0}
.ccl-order{background:#fff;border-radius:16px;padding:22px 18px;box-shadow:0 4px 18px rgba(0,0,0,.09);border-top:5px solid #e8590c}
.ccl-label{font-weight:600;margin:6px 0}
.ccl-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
@media(min-width:560px){.ccl-swatches{grid-template-columns:repeat(3,1fr)}}
.ccl-sw{position:relative;display:flex;flex-direction:column;gap:4px;border:2px solid #e2e4e7;border-radius:14px;padding:8px 8px 10px;cursor:pointer;text-align:center;transition:.15s;background:#fff}
.ccl-sw input{position:absolute;opacity:0;pointer-events:none}
.ccl-sw:has(input:checked){border-color:#e8590c;background:#fff6f0;box-shadow:0 0 0 3px rgba(232,89,12,.15)}
.ccl-sw.ccl-out{opacity:.5;cursor:not-allowed}
.ccl-sw-img{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f1f3f5}
.ccl-sw-img img{width:100%;height:100%;object-fit:cover;display:block}
.ccl-tick{position:absolute;top:8px;left:8px;width:28px;height:28px;line-height:24px;text-align:center;border-radius:7px;background:rgba(255,255,255,.95);border:2px solid #9ca3af;color:transparent;font-size:18px;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:.15s}
.ccl-sw:has(input:checked) .ccl-tick{background:#e8590c;border-color:#e8590c;color:#fff}
.ccl-sw-name{font-weight:600;font-size:15px;line-height:1.35}
.ccl-sw-price{font-size:15px;color:#c2410c;font-weight:700}
.ccl-sw-price del{color:#888;font-weight:400;margin-right:4px;font-size:13px}
.ccl-sw em{font-size:12px;color:#b00;font-style:normal}
.ccl-field{margin-bottom:12px}
.ccl-field label{display:block;font-weight:600;margin-bottom:4px}
.ccl-field input,.ccl-field textarea{width:100%;border:1.5px solid #d5d8dc;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}
.ccl-field input:focus,.ccl-field textarea:focus{outline:0;border-color:#e8590c}
.ccl-delivery{background:#ecfdf3;border:1.5px solid #86efac;color:#166534;border-radius:10px;padding:10px 14px;margin-bottom:12px;text-align:center}
.ccl-qty-row{display:flex;align-items:center;justify-content:space-between}
.ccl-qty-row label{margin:0}
.ccl-qty{display:flex;align-items:center;gap:6px}
.ccl-qty button{width:38px;height:38px;border:1.5px solid #d5d8dc;border-radius:8px;background:#fff;font-size:20px;cursor:pointer}
.ccl-field .ccl-qty input{width:56px;text-align:center;padding:8px 4px}
.ccl-summary{background:#f6f7f9;border-radius:10px;padding:12px 14px;margin:10px 0 14px}
.ccl-summary>div{display:flex;justify-content:space-between;padding:3px 0}
.ccl-total{border-top:1px dashed #bbb;margin-top:6px;padding-top:8px!important;font-size:18px}
.ccl-summary small{color:#666}
.ccl-submit{width:100%;font-size:18px}
.ccl-submit[disabled]{opacity:.6;cursor:wait}
.ccl-msg{color:#b91c1c;font-weight:600;min-height:0;margin-bottom:8px}
.ccl-hp{position:absolute!important;left:-9999px!important;opacity:0}
.ccl-thanks{text-align:center;padding:20px 6px}
.ccl-thanks[hidden]{display:none}
.ccl-check{width:64px;height:64px;line-height:64px;margin:0 auto 10px;border-radius:50%;background:#16a34a;color:#fff;font-size:34px}
.ccl-sticky{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:99;background:#e8590c;color:#fff!important;text-decoration:none;font-weight:700;padding:12px 40px;border-radius:40px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.ccl-sticky.ccl-hide{display:none}
@media(min-width:700px){.ccl h1{font-size:34px}}

.ccl-slider-wrap{position:relative}
.ccl-slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:thin}
.ccl-slider img{flex:0 0 82%;max-width:82%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;scroll-snap-align:center;display:block}
@media(min-width:700px){.ccl-slider img{flex-basis:56%;max-width:56%}}
.ccl-arrow{position:absolute;top:calc(50% - 5px);transform:translateY(-50%);z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.3);font-size:26px;line-height:34px;cursor:pointer;padding:0}
.ccl-prev{left:6px}.ccl-next{right:6px}