.sh-csc{background:#FFFFFF; border:1px solid #E5DDD5; border-radius:18px; margin:32px 0; overflow:hidden; overflow:clip; color:#2D2A26; box-shadow:0 24px 60px -30px rgba(45,42,38,0.45);}
    .sh-csc *{box-sizing:border-box;}
    .sh-csc button{touch-action:manipulation;}
    .sh-csc button:active{transform:scale(0.985);}
    .sh-csc-head{background:linear-gradient(135deg,#26231F 0%,#2D2A26 55%,#3A342C 100%); padding:36px 36px 30px; position:relative; overflow:hidden;}
    .sh-csc-head::after{content:""; position:absolute; top:-70px; right:-40px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(201,167,125,0.22),rgba(201,167,125,0) 70%);}
    .sh-csc-head .sh-csc-eyebrow{font-size:11px; letter-spacing:2.4px; text-transform:uppercase; color:#C9A77D; margin:0 0 7px;}
    #sh-csc .sh-csc-head .sh-csc-band-title{margin:0 0 6px; color:#FFFFFF; font-size:clamp(28px,3.2vw,44px); line-height:1.18; letter-spacing:0.2px;}
    .sh-csc-uline{display:block; width:64px; height:3px; border-radius:2px; margin:10px 0 12px; background:linear-gradient(110deg,#C9A77D 25%,#F0DCB4 50%,#C9A77D 75%); background-size:200% 100%; animation:shCscSheen 2.8s linear infinite;}
    .sh-csc .sh-csc-head p{margin:0; color:#B5AEA4; font-size:14px; line-height:1.55; max-width:520px;}
    .sh-csc-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:18px 28px 0;}
    .sh-csc-step-pill{display:grid; grid-template-columns:auto 1fr; gap:8px; align-items:center; border:1px solid #E5DDD5; border-radius:999px; padding:8px 13px; font-size:12px; font-weight:600; color:#8A7F72; background:#FFFFFF; cursor:pointer; transition:border-color .2s, box-shadow .2s; text-align:left;}
    .sh-csc-step-pill:hover:not([disabled]){border-color:#C9A77D;}
    .sh-csc-step-pill[disabled]{opacity:.55; cursor:default;}
    .sh-csc-step-pill .sh-csc-dot{width:21px; height:21px; border-radius:50%; background:#F5F0EB; color:#8A7F72; font-size:11px; display:grid; place-items:center; transition:background .25s,color .25s,transform .25s;}
    .sh-csc-step-pill.sh-csc-on{border-color:#2D2A26; color:#2D2A26; box-shadow:0 4px 14px -8px rgba(45,42,38,.5);}
    .sh-csc-step-pill.sh-csc-on .sh-csc-dot{background:#2D2A26; color:#FFFFFF;}
    .sh-csc-step-pill.sh-csc-done{border-color:#C9A77D; color:#5A5045;}
    .sh-csc-step-pill.sh-csc-done .sh-csc-dot{background:#C9A77D; color:#2D2A26; transform:scale(1.08);}
    .sh-csc-body{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:26px; padding:22px 28px 28px;}
    .sh-csc-anim{animation:shCscUp .38s ease both;}
    .sh-csc-panel h4{margin:0 0 4px; font-size:17px; outline:none;}
    .sh-csc-panel .sh-csc-sub{margin:0 0 16px; font-size:13px; color:#8A7F72; line-height:1.5;}
    .sh-csc-field{margin:0 0 15px;}
    .sh-csc-field > label{display:block; font-size:13px; font-weight:600; margin:0 0 6px;}
    .sh-csc-hint{display:block; font-size:12px; color:#8A7F72; margin-top:5px; line-height:1.45;}
    .sh-csc input[type="number"], .sh-csc select{width:100%; background:#FBF9F6; border:1px solid #E5DDD5; border-radius:9px; padding:12px 13px; font-size:16px; color:#2D2A26; transition:border-color .2s, box-shadow .2s;}
    .sh-csc input[type="number"]:focus, .sh-csc select:focus{outline:none; border-color:#C9A77D; box-shadow:0 0 0 3px rgba(201,167,125,0.25); background:#FFFFFF;}
    .sh-csc-2col{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
    .sh-csc-presets{display:grid; grid-template-columns:repeat(3,auto) 1fr; gap:6px; margin-top:7px;}
    .sh-csc-presets button{background:#FFFFFF; border:1px solid #E5DDD5; border-radius:999px; font-size:11px; font-weight:700; color:#5A5045; padding:5px 11px; cursor:pointer; transition:all .2s; white-space:nowrap;}
    .sh-csc-presets button:hover{border-color:#C9A77D;}
    .sh-csc-toggle{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 16px;}
    .sh-csc-toggle button{background:#FBF9F6; border:1px solid #E5DDD5; border-radius:9px; padding:12px 8px; font-size:13px; font-weight:600; color:#5A5045; cursor:pointer; line-height:1.3; transition:all .2s;}
    .sh-csc-toggle button.sh-csc-sel{background:#2D2A26; border-color:#2D2A26; color:#FFFFFF; box-shadow:0 6px 16px -8px rgba(45,42,38,.6);}
    .sh-csc-chip{display:none; margin:-6px 0 14px; background:#FAF6E8; border:1px solid #EFE3B8; border-radius:8px; padding:9px 13px; font-size:13px; color:#5A5045; line-height:1.45;}
    .sh-csc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:8px;}
    .sh-csc-cards button{background:#FBF9F6; border:1px solid #E5DDD5; border-radius:11px; padding:12px 8px 11px; cursor:pointer; text-align:center; transition:all .2s; position:relative;}
    .sh-csc-cards button:hover{border-color:#C9A77D; transform:translateY(-1px);}
    .sh-csc-cards button svg{display:block; margin:0 auto 6px; width:30px; height:22px;}
    .sh-csc-cards button .sh-csc-ct{display:block; font-size:13px; font-weight:600; color:#2D2A26; line-height:1.25;}
    .sh-csc-cards button .sh-csc-cs{display:block; font-size:11px; color:#8A7F72; margin-top:3px; line-height:1.3;}
    .sh-csc-cards button.sh-csc-sel{background:#FAF6E8; border-color:#C9A77D; box-shadow:inset 0 0 0 1px #C9A77D, 0 6px 14px -10px rgba(201,167,125,.9);}
    .sh-csc-shades{display:grid; grid-template-columns:repeat(auto-fit, minmax(30px, 1fr)); gap:7px;}
    .sh-csc-shades button{width:30px; height:30px; border-radius:50%; border:2px solid #E5DDD5; cursor:pointer; padding:0; transition:all .2s;}
    .sh-csc-shades button:hover{transform:scale(1.12);}
    .sh-csc-shades button.sh-csc-sel{border-color:#2D2A26; box-shadow:0 0 0 3px rgba(201,167,125,.5); transform:scale(1.12);}
    .sh-csc-shade-name{font-size:12px; color:#8A7F72; margin-top:7px; display:block; line-height:1.4;}
    .sh-csc-nav{display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; margin-top:20px;}
    .sh-csc-back{background:none; border:none; color:#8A7F72; font-size:13px; font-weight:600; cursor:pointer; padding:10px 4px; text-align:left;}
    .sh-csc-back:hover{color:#2D2A26;}
    .sh-csc-next{background:#2D2A26; border:none; border-radius:9px; color:#FFFFFF; font-size:15px; font-weight:600; padding:15px 18px; cursor:pointer; width:100%; transition:all .22s; box-shadow:0 10px 22px -12px rgba(45,42,38,.8);}
    .sh-csc-next:hover{background:#443F39; transform:translateY(-1px); box-shadow:0 14px 26px -12px rgba(45,42,38,.85);}
    .sh-csc-preview{background:linear-gradient(180deg,#F7F2EA,#F2EBDF); border:1px solid #EFE3B8; border-radius:14px; padding:12px 12px 8px; align-self:start; position:sticky; top:16px;}
    .sh-csc-preview svg{display:block; width:100%; height:auto; border-radius:8px; touch-action:pan-y; cursor:grab;}
    .sh-csc-preview svg.sh-csc-grabbing{cursor:grabbing;}
    .sh-csc-pvbar{display:grid; grid-template-columns:1fr auto auto; gap:8px; align-items:center; margin:8px 2px 2px;}
    .sh-csc-pvbar .sh-csc-cap{font-size:11px; color:#8A7F72; line-height:1.4; margin:0;}
    .sh-csc-pvtoggle, .sh-csc-rmtoggle{background:#FFFFFF; border:1px solid #C9A77D; color:#5A5045; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.4px; padding:7px 13px; cursor:pointer; white-space:nowrap; transition:all .2s;}
    .sh-csc-pvtoggle:hover, .sh-csc-rmtoggle:hover{background:#FAF6E8;}
    .sh-csc-rmtoggle{display:none; border-color:#B0623F; color:#8A4A2E;}
    .sh-csc-rmtoggle.sh-csc-rm-on{background:#F7EFE8; box-shadow:inset 0 0 0 1px #B0623F;}
    .sh-csc-warn{display:none; background:#F7EFF1; border:1px solid #E8D5DA; border-radius:8px; padding:10px 14px; font-size:13px; color:#5A5045; margin:12px 0 0; line-height:1.5;}
    .sh-csc-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 12px;}
    .sh-csc-stat{background:#FBF9F6; border:1px solid #E5DDD5; border-radius:12px; padding:14px 12px; transition:transform .2s;}
    .sh-csc-stat:hover{transform:translateY(-2px);}
    .sh-csc-stat .sh-csc-k{font-size:10px; letter-spacing:1.2px; text-transform:uppercase; color:#8A7F72; margin:0 0 5px;}
    .sh-csc-stat .sh-csc-v{font-size:23px; font-weight:800; margin:0; line-height:1.1; font-variant-numeric:tabular-nums;}
    .sh-csc-stat .sh-csc-s{font-size:11px; color:#8A7F72; margin:4px 0 0; line-height:1.35;}
    .sh-csc-order{background:linear-gradient(135deg,#26231F,#2D2A26 60%,#37312A); border-radius:14px; padding:19px 20px; margin:0 0 12px; display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center;}
    .sh-csc-order .sh-csc-k{font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:#C9A77D; margin:0 0 7px;}
    .sh-csc-order .sh-csc-v{font-size:19px; font-weight:700; color:#FFFFFF; margin:0; line-height:1.4;}
    .sh-csc-order .sh-csc-s{font-size:12px; color:#B5AEA4; margin:8px 0 0; line-height:1.5;}
    .sh-csc-order .sh-csc-price-line{font-size:13px; color:#F0DCB4; margin:8px 0 0; line-height:1.5; font-weight:600;}
    .sh-csc-order-btns{display:grid; gap:8px;}
    .sh-csc-copy, .sh-csc-share{background:rgba(201,167,125,.14); border:1px solid #C9A77D; color:#F0DCB4; border-radius:9px; font-size:12px; font-weight:700; padding:10px 14px; cursor:pointer; transition:all .2s;}
    .sh-csc-copy:hover, .sh-csc-share:hover{background:rgba(201,167,125,.28);}
    .sh-csc-ready{font-size:13px; color:#5A5045; background:#FAF6E8; border:1px solid #EFE3B8; border-radius:9px; padding:10px 14px; margin:0 0 14px; line-height:1.5;}
    .sh-csc-ruler{margin:0 0 16px;}
    .sh-csc-ruler .sh-csc-rl{font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:#8A7F72; margin:0 0 22px;}
    .sh-csc-track{position:relative; height:44px; margin:0 6px;}
    .sh-csc-track .sh-csc-line{position:absolute; left:0; right:0; bottom:14px; height:2px; background:#E5DDD5; border-radius:1px;}
    .sh-csc-tick{position:absolute; bottom:8px; width:2px; height:14px; background:#C8BCA9; transform:translateX(-50%);}
    .sh-csc-tick span{position:absolute; top:16px; left:50%; transform:translateX(-50%); font-size:10px; color:#8A7F72; white-space:nowrap;}
    .sh-csc-you{position:absolute; bottom:9px; transform:translateX(-50%); text-align:center;}
    .sh-csc-you .sh-csc-yd{width:12px; height:12px; margin:0 auto; background:#C9A77D; border:2px solid #2D2A26; transform:rotate(45deg); border-radius:2px;}
    .sh-csc-you .sh-csc-yl{position:absolute; bottom:18px; left:50%; transform:translateX(-50%); background:#2D2A26; color:#FFFFFF; font-size:10px; font-weight:700; padding:4px 8px; border-radius:999px; white-space:nowrap;}
    .sh-csc-notes{display:grid; gap:8px; margin:0 0 4px;}
    .sh-csc-note-card{display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; background:#FBF9F6; border:1px solid #E5DDD5; border-radius:10px; padding:11px 14px;}
    .sh-csc-note-card .sh-csc-ni{color:#C9A77D; font-size:14px; line-height:1.5;}
    .sh-csc-note-card p{margin:0; font-size:12.5px; color:#5A5045; line-height:1.55;}
    .sh-csc-recos{padding:2px 28px 28px; position:relative;}
    .sh-csc-recos h4{margin:0 0 4px; font-size:19px;}
    .sh-csc-recos .sh-csc-sub{margin:0 0 16px; font-size:13px; color:#8A7F72; line-height:1.5;}
    .sh-csc-reco-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
    .sh-csc-reco{border:1px solid #E5DDD5; border-radius:14px; overflow:hidden; background:#FFFFFF; display:grid; grid-template-rows:auto 1fr; transition:transform .25s, box-shadow .25s;}
    .sh-csc-reco:hover{transform:translateY(-4px); box-shadow:0 20px 38px -22px rgba(45,42,38,.5);}
    .sh-csc-reco.sh-csc-best{border-color:#C9A77D; box-shadow:0 12px 30px -18px rgba(201,167,125,.95);}
    .sh-csc-reco .sh-csc-imgwrap{position:relative; background:#F5F0EB; overflow:hidden;}
    .sh-csc-reco img{display:block; width:100%; height:215px; object-fit:cover; transition:transform .45s ease;}
    .sh-csc-reco:hover img{transform:scale(1.05);}
    .sh-csc-badge{position:absolute; top:10px; left:10px; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; font-weight:700; padding:5px 11px; border-radius:999px;}
    .sh-csc-badge.sh-csc-b1{background:linear-gradient(110deg,#C9A77D 25%,#EBD5AE 50%,#C9A77D 75%); background-size:200% 100%; animation:shCscSheen 2.6s linear infinite; color:#2D2A26;}
    .sh-csc-badge.sh-csc-b2{background:#FFFFFF; color:#5A5045; border:1px solid #E5DDD5;}
    .sh-csc-reco-body{padding:15px 16px 16px; display:grid; grid-template-rows:auto auto 1fr auto; gap:7px;}
    .sh-csc-reco-body h5{margin:0; font-size:16px; line-height:1.3;}
    .sh-csc-reco-body .sh-csc-price{font-size:13px; color:#5A5045; margin:0;}
    .sh-csc-reco-body .sh-csc-why{font-size:13px; color:#5A5045; line-height:1.55; margin:0;}
    .sh-csc-reco-body a{display:block; text-align:center; background:#2D2A26; color:#FFFFFF; padding:13px 14px; border-radius:9px; text-decoration:none; font-weight:600; font-size:14px; transition:all .2s;}
    .sh-csc-reco-body a:hover{background:#443F39; color:#FFFFFF; transform:translateY(-1px);}
    .sh-csc-fork{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px;}
    .sh-csc-fork-card{border-radius:12px; padding:16px 18px; display:grid; grid-template-rows:auto 1fr auto; gap:8px;}
    .sh-csc-fork-card.sh-csc-fk1{background:#F5F0EB; border:1px solid #E5DDD5;}
    .sh-csc-fork-card.sh-csc-fk2{background:#FAF6E8; border:1px dashed #C9A77D;}
    .sh-csc-fork-card h6{margin:0; font-size:14px; color:#2D2A26;}
    .sh-csc-fork-card p{margin:0; font-size:12.5px; color:#5A5045; line-height:1.55;}
    .sh-csc-fork-card a{display:block; text-align:center; background:#2D2A26; color:#FFFFFF; padding:11px 14px; border-radius:8px; text-decoration:none; font-weight:600; font-size:13px; transition:all .2s;}
    .sh-csc-fork-card a:hover{background:#443F39; color:#FFFFFF;}
    .sh-csc-fork-card.sh-csc-fk2 a{background:none; color:#2D2A26; border:1px solid #C9A77D;}
    .sh-csc-fork-card.sh-csc-fk2 a:hover{background:#FFFFFF;}
    .sh-csc-toast{position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(20px); background:#2D2A26; color:#FFFFFF; font-size:13px; padding:12px 20px; border-radius:999px; opacity:0; pointer-events:none; transition:all .35s; z-index:99; box-shadow:0 14px 34px -12px rgba(0,0,0,.5); max-width:88vw; text-align:center;}
    .sh-csc-toast.sh-csc-show{opacity:1; transform:translateX(-50%) translateY(0);}
    .sh-csc-promo{margin:14px 0 0; font-size:13px; color:#5A5045; text-align:center; line-height:1.5;}
    .sh-csc-foot{margin:10px 0 0; font-size:11px; color:#8A7F72; text-align:center; line-height:1.5;}
    .sh-csc-foot a{color:#8A7F72;}
    .sh-csc-restart{background:none; border:1px solid #E5DDD5; border-radius:9px; color:#5A5045; font-size:13px; font-weight:600; padding:10px 16px; cursor:pointer; display:block; margin:16px auto 0; transition:all .2s;}
    .sh-csc-restart:hover{border-color:#C9A77D; color:#2D2A26;}
    .sh-csc-cfwrap{position:absolute; inset:0; overflow:hidden; pointer-events:none; border-radius:14px;}
    .sh-csc-cf{position:absolute; top:-14px; width:8px; height:8px; border-radius:2px; animation:shCscFall 1.5s ease-in forwards;}
    .sh-csc-paused .sh-csc-uline, .sh-csc-paused .sh-csc-badge{animation-play-state:paused;}
    @keyframes shCscSheen{to{background-position:-200% 0;}}
    @keyframes shCscUp{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;}}
    @keyframes shCscFall{0%{transform:translateY(0) rotate(0deg); opacity:1;} 100%{transform:translateY(260px) rotate(560deg); opacity:0;}}
    @media (max-width: 760px){
      .sh-csc{width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); border-radius:0; border-left:none; border-right:none;}
      .sh-csc-body{grid-template-columns:minmax(0,1fr); padding:18px 16px 22px;}
      .sh-csc-preview{order:-1; position:static; padding:8px 8px 5px;}
      .sh-csc-2col{grid-template-columns:1fr;}
      .sh-csc-pvbar{grid-template-columns:1fr 1fr;}
      .sh-csc-pvbar .sh-csc-cap{grid-column:1 / -1;}
      .sh-csc-reco-grid{grid-template-columns:1fr;}
      .sh-csc-fork{grid-template-columns:1fr;}
      .sh-csc-steps{padding:14px 16px 0;}
      .sh-csc-recos{padding:2px 16px 22px;}
      .sh-csc-head{padding:22px 18px 18px;}
      .sh-csc-step-pill span.sh-csc-lbl{display:none;}
      .sh-csc-step-pill{grid-template-columns:auto; justify-content:center;}
      .sh-csc-stats{grid-template-columns:1fr 1fr;}
      .sh-csc-order{grid-template-columns:1fr;}
      .sh-csc-order-btns{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}
    }
    @media (prefers-reduced-motion: reduce){
      .sh-csc *, .sh-csc *::after{animation:none !important; transition:none !important;}
    }