.saffana-calculator{max-width:720px;margin:18px auto;padding:18px;background:#fff;border:1px solid #e8e8e8;border-radius:18px;box-shadow:0 7px 25px rgba(0,0,0,.055);font-family:inherit;color:#202020}.sc-head{padding:2px 2px 12px}.sc-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;opacity:.5}.sc-head h2{margin:3px 0;font-size:23px;line-height:1.2}.sc-head p{margin:0}.sc-step{padding:13px 0;border-top:1px solid #eee}.sc-first{padding-top:10px}.sc-label{display:flex;align-items:center;gap:8px;margin-bottom:9px}.sc-label span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#202020;color:#fff;font-size:11px}.sc-options{display:grid;gap:8px}.sc-cartoons{grid-template-columns:repeat(2,1fr)}.sc-cartoon{min-height:60px;padding:13px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;cursor:pointer;text-align:center;font-weight:800;font-size:13px;transition:background .12s,border-color .12s,box-shadow .12s,transform .08s}.sc-cartoon:active,.sc-frame:active,.sc-size:active,.ship:active,.face-control button:active,.vehicle-control button:active{background:#ededed;transform:translateY(1px)}.sc-cartoon.selected,.sc-frame.selected,.sc-size.selected,.ship.active{border-color:#202020;box-shadow:0 0 0 2px rgba(0,0,0,.07);background:#f2f2f2}.sc-cartoon-img{display:block;height:36px;margin-bottom:5px}.sc-cartoon-img img{max-height:36px;max-width:100%;object-fit:contain}.sc-frames{grid-template-columns:repeat(4,1fr)}.sc-frame{border:1px solid #ddd;background:#fff;border-radius:11px;cursor:pointer;min-height:112px;padding:7px;text-align:left;position:relative;transition:background .12s,border-color .12s,box-shadow .12s,transform .08s}.sc-thumb{height:61px;border-radius:8px;background:#f5f5f5;display:grid;place-items:center;overflow:hidden;margin-bottom:7px}.sc-thumb img{width:100%;height:100%;object-fit:cover}.sc-name{font-size:11px;font-weight:800;display:block;line-height:1.25}.sc-frame em{position:absolute;top:6px;right:6px;background:#202020;color:#fff;border-radius:4px;padding:3px 4px;font-size:7px;font-style:normal}.sc-sizes{grid-template-columns:repeat(4,1fr)}.sc-size,.ship{padding:10px 7px;border:1px solid #ddd;background:#fff;border-radius:10px;font-weight:800;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s,transform .08s}.sc-size.disabled{cursor:not-allowed;opacity:.55}.sc-size small{display:block;font-size:8px;font-weight:500;margin-top:2px;line-height:1.1}.no-size{font-size:12px;color:#888;padding:8px 0}.availability-note{font-size:11px;color:#888;margin-top:6px}.dual-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dual-controls>div{min-width:0}.face-control,.vehicle-control{display:flex;align-items:center;gap:8px}.face-control button,.vehicle-control button{width:38px;height:38px;border:1px solid #ddd;border-radius:9px;background:#fff;font-size:20px;cursor:pointer;transition:background .12s,transform .08s}.face-count,.vehicle-count{width:65px;height:38px;text-align:center;border:1px solid #ddd;border-radius:9px;font-weight:800}.face-extra-note,.vehicle-note{display:block;color:#888;font-size:10px;margin-top:5px}.vehicle-wrap{min-width:0}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.packing{display:flex;align-items:center;gap:10px;border:1px solid #ddd;border-radius:10px;padding:10px;cursor:pointer}.packing input{width:19px;height:19px}.packing small{display:block;color:#888;margin-top:2px;font-size:10px}.packing strong{margin-left:auto;font-size:12px}.shipping{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-result{margin-top:6px;padding:15px;border-radius:14px;background:#f7f7f7;display:flex;justify-content:space-between;align-items:center;gap:12px}.sc-result small{color:#777;font-size:10px}.total{font-size:25px;font-weight:900;line-height:1.1;margin-top:2px}.result-note{font-size:10px;color:#777;margin-top:4px;max-width:430px}.wa-btn{border:0;background:#202020;color:#fff;border-radius:10px;padding:12px 15px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .12s,transform .08s}.wa-btn:active{background:#111;transform:translateY(1px)}.sc-summary{font-size:10px;color:#777;margin-top:8px}.sc-bottom-text{margin-top:12px;padding-top:10px;border-top:1px solid #eee}.bubble-option{background:#fff}.saffana-kalkulator-open{border:0;border-radius:10px;background:#202020;color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}.saffana-kalkulator-open:active{background:#111;transform:translateY(1px)}.saffana-kalkulator-modal{display:none;position:fixed;inset:0;z-index:999999}.saffana-kalkulator-modal.is-open{display:block}.saffana-kalkulator-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(1.5px)}body.saffana-modal-open{overflow:hidden}.saffana-kalkulator-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(612px,calc(100vw - 32px));height:min(75vh,765px);background:#fff;border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column}.saffana-kalkulator-dialog-head{height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;border-bottom:1px solid #eee;background:#fff;user-select:none}.saffana-kalkulator-drag{font-size:13px;font-weight:800;cursor:grab;touch-action:none;flex:1}.saffana-kalkulator-drag:active{cursor:grabbing}.saffana-kalkulator-close{width:30px;height:30px;border:0;border-radius:8px;background:#f1f1f1;font-size:22px;line-height:1;cursor:pointer}.saffana-kalkulator-dialog>.saffana-calculator{margin:0;max-width:none;width:100%;box-shadow:none;border:0;border-radius:0;overflow:auto;flex:1;padding:15px}.saffana-kalkulator-dialog>.saffana-data{display:none}@media(max-width:600px){.saffana-calculator{margin:8px 0;padding:13px;border-radius:14px}.sc-head h2{font-size:20px}.sc-frames{grid-template-columns:repeat(2,1fr)}.sc-frame{min-height:105px}.sc-thumb{height:56px}.sc-sizes{grid-template-columns:repeat(4,1fr)}.sc-size{padding:9px 3px;font-size:12px}.dual-controls{gap:8px}.face-control,.vehicle-control{gap:5px}.face-control button,.vehicle-control button{width:34px;height:36px}.face-count,.vehicle-count{width:55px;height:36px}.add-grid{grid-template-columns:1fr 1fr}.sc-result{display:block}.wa-btn{width:100%;margin-top:10px}.total{font-size:23px}.saffana-kalkulator-dialog{width:calc(100vw - 24px);height:86vh;border-radius:15px}.saffana-kalkulator-dialog>.saffana-calculator{padding:12px}.saffana-kalkulator-dialog .sc-result{display:block}}@media(max-width:430px){.dual-controls{grid-template-columns:1fr 1fr}.dual-controls .sc-label{gap:5px}.dual-controls .sc-label b{font-size:12px}.dual-controls .sc-label span{width:21px;height:21px;font-size:10px}.face-control span,.vehicle-control span{font-size:11px}.face-count,.vehicle-count{width:48px}.add-grid{grid-template-columns:1fr 1fr}}.saffana-kalkulator-close-floating{position:absolute;right:10px;top:10px;z-index:20}.saffana-kalkulator-dialog>.saffana-calculator{padding-top:18px!important}@media(max-width:700px){.saffana-kalkulator-dialog{width:min(82vw,520px);height:min(75vh,720px);border-radius:14px}.saffana-kalkulator-dialog>.saffana-calculator{padding:14px!important;padding-top:18px!important}}.dual-controls{gap:12px}.face-extra-note,.vehicle-note,.packing-note,.bubble-note{display:none!important}.packing{min-width:0;min-height:42px;padding:8px 9px;gap:7px;justify-content:flex-start}.packing input{flex:0 0 auto;width:17px;height:17px;margin:0}.packing span{min-width:0;display:flex;align-items:center}.packing span b{font-size:12px;line-height:1.1;white-space:nowrap;font-weight:800}.packing strong{margin-left:auto;font-size:11px;white-space:nowrap}.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.wa-icon{display:block;object-fit:contain;flex:0 0 auto}.saffana-kalkulator-dialog{width:min(520px,calc(100vw - 32px));height:min(70vh,680px);border-radius:15px}.saffana-kalkulator-drag{height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;user-select:none;background:#fff;position:relative;z-index:5}.saffana-kalkulator-drag span{display:block;width:38px;height:4px;border-radius:99px;background:#d5d5d5}.saffana-kalkulator-drag:active{cursor:grabbing}.saffana-kalkulator-close-floating{top:7px;right:8px;background:#f4f4f4;width:30px;height:30px}.saffana-kalkulator-dialog>.saffana-calculator{padding:10px 13px 14px!important}@media(max-width:700px){.saffana-kalkulator-dialog{width:calc(100vw - 28px);height:min(78vh,700px);border-radius:15px}.saffana-kalkulator-dialog>.saffana-calculator{padding:9px 11px 14px!important}.packing{padding:7px 7px}.packing span b{font-size:11px}.packing strong{font-size:10px}}@media(max-width:430px){.dual-controls{gap:7px}.face-control,.vehicle-control{gap:4px}.face-control button,.vehicle-control button{width:32px;height:34px}.face-count,.vehicle-count{width:45px;height:34px}.packing span b{font-size:10.5px}.packing{gap:5px}}.sc-head h2{line-height:1.2}.sc-kicker{line-height:1.2}.sc-top-text{line-height:1.45}.sc-thumb{position:relative}.sc-thumb img{transition:transform .18s ease}.sc-frame:hover .sc-thumb img{transform:scale(1.025)}.sc-preview{position:absolute;right:5px;bottom:5px;width:27px;height:27px;border:1px solid rgba(255,255,255,.8);border-radius:8px;background:rgba(20,20,20,.78);color:#fff;display:grid;place-items:center;font-size:17px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 3px 10px rgba(0,0,0,.16)}.sc-preview:hover{background:rgba(20,20,20,.92);transform:none}.saffana-image-preview{display:none;position:fixed;inset:0;z-index:1000001}.saffana-image-preview.is-open{display:block}.saffana-image-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}.saffana-image-dialog{position:absolute;inset:4vh 4vw;display:flex;align-items:center;justify-content:center;pointer-events:none}.saffana-image-dialog img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.45);background:#fff;pointer-events:auto}.saffana-image-close{position:absolute;right:0;top:0;width:38px;height:38px;border:0;border-radius:10px;background:#fff;color:#202020;font-size:28px;line-height:1;cursor:pointer;z-index:3;pointer-events:auto;box-shadow:0 5px 18px rgba(0,0,0,.18)}.saffana-image-caption{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:rgba(0,0,0,.65);color:#fff;padding:7px 12px;border-radius:9px;font-size:11px;pointer-events:none}.saffana-image-open{overflow:hidden!important}@media(max-width:600px){.sc-preview{width:25px;height:25px;font-size:16px}.saffana-image-dialog{inset:7vh 12px}.saffana-image-dialog img{max-width:calc(100vw - 24px);max-height:80vh}.saffana-image-close{right:0;top:-42px}.saffana-image-caption{bottom:-34px;white-space:nowrap}}.ship-option{min-width:0}.ship-option .ship{width:100%}.ship-cost{min-height:17px;text-align:center;font-size:10px;font-weight:700;line-height:1.25;margin-top:4px;color:#777}.ship-cost.is-free{color:#248a4b}.ship-cost.is-custom{color:#202020}.ship-cost.is-admin{color:#a06a00}.ship-option .ship.active+.ship-cost{font-weight:800}.wa-icon{display:inline-block;vertical-align:middle;object-fit:contain;margin-right:4px}@media(max-width:420px){.ship-cost{font-size:9px}}.saffana-calculator .sc-frames{grid-template-columns:repeat(var(--frame-cols,4),minmax(0,1fr))}.saffana-calculator .sc-thumb{aspect-ratio:1/1;height:auto;min-height:0;width:100%}.saffana-calculator .sc-frame{min-width:0;min-height:0}@media(max-width:600px){.saffana-calculator .sc-frames{grid-template-columns:repeat(var(--frame-cols-mobile,2),minmax(0,1fr))}.saffana-calculator .sc-thumb{aspect-ratio:1/1;height:auto}}@media (max-width:700px){body.saffana-standalone-page .saffana-calculator{padding-bottom:calc(205px+env(safe-area-inset-bottom))!important}body.saffana-standalone-page .sc-result{position:fixed;left:0;right:0;bottom:0;z-index:99990;margin:0;padding:12px 14px calc(12px+env(safe-area-inset-bottom));border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(0,0,0,.14);background:rgba(255,255,255,.98);border-top:1px solid #e8e8e8;display:block;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.saffana-standalone-page .sc-result>div:first-child{min-width:0}body.saffana-standalone-page .sc-result small{display:block;font-size:11px;color:#777;margin-bottom:2px}body.saffana-standalone-page .sc-result .total{font-size:25px;line-height:1.05;margin:0}body.saffana-standalone-page .sc-result .result-note{max-width:none;margin-top:5px;font-size:10.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.saffana-standalone-page .sc-result .wa-btn{display:flex;width:100%;min-width:0;margin:10px 0 0;padding:12px 14px;min-height:46px;border-radius:11px;font-size:15px!important;align-items:center;justify-content:center}body.saffana-standalone-page .sc-summary{margin-top:10px;padding:10px 0 0;border-top:1px solid #eee}body.saffana-standalone-page .sc-bottom-text{margin-top:12px;margin-bottom:0;padding:12px 0 4px}}@media (max-width:430px){body.saffana-standalone-page .saffana-calculator{padding-bottom:calc(195px+env(safe-area-inset-bottom))!important}body.saffana-standalone-page .sc-result{padding-left:12px;padding-right:12px}body.saffana-standalone-page .sc-result .total{font-size:24px}body.saffana-standalone-page .sc-result .result-note{font-size:10px}body.saffana-standalone-page .sc-result .wa-btn{min-height:45px;padding:11px 12px;font-size:14px!important}}.sc-label-with-action{justify-content:space-between;align-items:center;gap:12px}.sc-label-title{display:flex;align-items:center;gap:8px;min-width:0}.sc-custom-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 13px;border:1px solid #e1e3e6;border-radius:999px;background:#f7f8fa;color:#444;text-decoration:none;font-size:11px;font-weight:700;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .15s ease;white-space:nowrap}.sc-custom-btn:hover{background:#fff;border-color:#cfd3d8;color:#202020;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.sc-custom-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.05)}.custom-button-admin{margin-top:12px;padding:12px;border:1px solid #e3e6e8;border-radius:10px;background:#fafbfc;display:grid;gap:8px}.custom-button-admin h3{margin:0 0 2px}.custom-button-admin .helper{margin:0}@media (max-width:700px){body.saffana-standalone-page .sc-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;row-gap:10px;align-items:start}body.saffana-standalone-page .sc-result-main{min-width:0}body.saffana-standalone-page .sc-summary{display:grid;gap:4px;min-width:0;align-content:start;padding-top:1px}body.saffana-standalone-page .summary-line{display:flex;gap:5px;align-items:flex-start;min-width:0;font-size:9px;line-height:1.15;color:#4f555b}body.saffana-standalone-page .summary-line>b{flex:0 0 auto;font-size:9px;color:#777}body.saffana-standalone-page .summary-line span{min-width:0;display:block}body.saffana-standalone-page .summary-line em{display:block;font-style:normal;color:#8a8f94;font-size:8px;margin-bottom:1px}body.saffana-standalone-page .summary-line strong{display:block;font-size:9.5px;font-weight:700;color:#30343a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.saffana-standalone-page .sc-result>.wa-btn{grid-column:1/-1;margin-top:0}body.saffana-standalone-page .sc-bottom-text{grid-column:1/-1}body.saffana-standalone-page .sc-label-with-action{margin-bottom:9px}.sc-custom-btn{min-height:30px;padding:6px 12px;font-size:10px}}@media(max-width:430px){body.saffana-standalone-page .sc-result{column-gap:10px}body.saffana-standalone-page .summary-line strong{font-size:9px}body.saffana-standalone-page .summary-line em{font-size:7.5px}}@media (max-width:700px){body.saffana-standalone-page .sc-summary{gap:2px;margin-top:7px;padding-top:7px}body.saffana-standalone-page .summary-line{display:block;font-size:10px;line-height:1.2;color:#30343a}body.saffana-standalone-page .summary-line strong{display:block;font-size:10px!important;font-weight:700;color:#30343a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.saffana-standalone-page .sc-result{column-gap:12px}}@media(max-width:430px){body.saffana-standalone-page .sc-summary{gap:1px;padding-top:6px}body.saffana-standalone-page .summary-line strong{font-size:9.5px!important}}@media (max-width:700px){html,body.saffana-standalone-page{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}body.saffana-standalone-page{margin:0!important;padding:0!important}body.saffana-standalone-page .saffana-calculator{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden}body.saffana-standalone-page .saffana-calculator,body.saffana-standalone-page .saffana-calculator *{box-sizing:border-box}body.saffana-standalone-page .sc-options,body.saffana-standalone-page .sc-frames,body.saffana-standalone-page .sc-cartoons,body.saffana-standalone-page .sc-sizes,body.saffana-standalone-page .dual-controls,body.saffana-standalone-page .add-grid,body.saffana-standalone-page .shipping{min-width:0;max-width:100%}body.saffana-standalone-page .sc-frame,body.saffana-standalone-page .sc-cartoon,body.saffana-standalone-page .sc-size,body.saffana-standalone-page .ship,body.saffana-standalone-page .packing{min-width:0;max-width:100%}body.saffana-standalone-page .sc-result{left:0!important;right:0!important;bottom:0!important;width:auto!important;max-width:100vw!important;box-sizing:border-box!important;margin:0!important;overflow:hidden}}@media (max-width:430px){body.saffana-standalone-page .saffana-calculator{padding-left:10px!important;padding-right:10px!important}}@media(max-width:430px){.dual-controls .sc-label b{font-size:16px!important;line-height:1.2}}@media(max-width:700px){body.saffana-standalone-page .saffana-calculator{padding-bottom:0!important}}@media(max-width:430px){body.saffana-standalone-page .saffana-calculator{padding-bottom:0!important}}

/* v1.7.1 — mobile: keep shipping controls/notes clear of sticky + cleaner sticky typography */
@media (max-width:700px){
  body.saffana-standalone-page .saffana-calculator{
    padding-bottom:calc(126px + env(safe-area-inset-bottom))!important;
  }
  body.saffana-standalone-page .sc-result{
    padding:9px 12px calc(8px + env(safe-area-inset-bottom));
    row-gap:7px;
    column-gap:12px;
    border-radius:15px 15px 0 0;
  }
  body.saffana-standalone-page .sc-result small{
    font-size:10px;
    line-height:1.15;
    margin:0 0 2px;
    color:#777;
  }
  body.saffana-standalone-page .sc-result .total{
    font-size:23px;
    line-height:1.02;
    letter-spacing:-.2px;
  }
  body.saffana-standalone-page .sc-result .result-note{
    margin-top:4px;
    font-size:9px;
    line-height:1.15;
  }
  body.saffana-standalone-page .sc-summary{
    margin-top:0;
    padding:0 0 0 10px;
    border-top:0;
    border-left:1px solid #ededed;
    display:grid;
    gap:3px;
  }
  body.saffana-standalone-page .summary-line{
    margin:0;
    line-height:1.15;
  }
  body.saffana-standalone-page .summary-line strong{
    font-size:9.5px!important;
    line-height:1.2;
    font-weight:700;
    color:#25292d;
  }
  body.saffana-standalone-page .sc-result>.wa-btn{
    margin:0;
    min-height:42px;
    padding:9px 12px;
    border-radius:10px;
    font-size:14px!important;
    line-height:1.1;
  }
  body.saffana-standalone-page .sc-result>.wa-btn .wa-icon{
    margin-right:6px;
  }
}
@media (max-width:430px){
  body.saffana-standalone-page .saffana-calculator{
    padding-bottom:calc(122px + env(safe-area-inset-bottom))!important;
  }
  body.saffana-standalone-page .sc-result{
    padding-left:11px;
    padding-right:11px;
    row-gap:6px;
    column-gap:10px;
  }
  body.saffana-standalone-page .sc-result .total{font-size:22px;}
  body.saffana-standalone-page .summary-line strong{font-size:9px!important;}
  body.saffana-standalone-page .sc-result>.wa-btn{min-height:41px;font-size:13.5px!important;}
}