/* Mobile-first visual shell over the verified editor. Placement and order logic stay in the baseline. */
:root{--arctic-green:#1f3d2f;--arctic-stage:#ebebea;--arctic-line:#e5e7eb}
body.studio-open{overflow:hidden}
body.studio-open #sizeModal:not(.is-hidden),body.studio-open #inquiryModal:not(.is-hidden),body.studio-open #resultViewer:not(.is-hidden),body.studio-open #backgroundRemovalOverlay:not(.is-hidden){z-index:20000!important}
#customizerModal .arctic-simple{position:relative;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff;color:#171a18;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#customizerModal .arctic-simple .studio-head{height:56px!important;min-height:56px!important;padding:8px 16px!important;display:grid!important;grid-template-columns:44px 1fr 44px;align-items:center;border:0!important;background:#fff;flex:none}
#customizerModal .arctic-simple .studio-back-button{width:44px;height:44px;border:0;background:transparent;font-size:25px;color:#111}
#customizerModal .arctic-simple .studio-title{text-align:center;min-width:0}.arctic-simple .studio-title .kicker,.arctic-simple .wizard-head-help{display:none!important}
#customizerModal .arctic-simple .studio-title h2{margin:0!important;font-size:17px!important;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#171a18}
#customizerModal .arctic-simple .head-actions{display:block!important}.arctic-simple .head-actions>*:not(#closeCustomizer){display:none!important}
#customizerModal .arctic-simple #closeCustomizer{display:grid!important;place-items:center;width:32px!important;height:32px!important;min-height:32px!important;margin:auto;border:0!important;border-radius:50%!important;background:#f0f1ef!important;color:#222!important;font-size:23px!important;line-height:1}
#customizerModal .arctic-simple #simpleProgress{height:4px;margin:0 16px 8px;border-radius:99px;background:#e5e7eb;overflow:hidden;flex:none}
#customizerModal .arctic-simple #simpleProgress i{display:block;width:var(--progress,20%);height:100%;border-radius:inherit;background:var(--arctic-green);transition:width .2s ease}
#customizerModal .arctic-simple .studio-mode-switch,#customizerModal .arctic-simple #simpleWizard,#customizerModal .arctic-simple #simpleSteps,#customizerModal .arctic-simple #wizardStepCopy,#customizerModal .arctic-simple #toggleSettings,#customizerModal .arctic-simple #skodaCartBar,#customizerModal .arctic-simple .studio-canvas-head,#customizerModal .arctic-simple #mobileEditPanel,#customizerModal .arctic-simple #mobileEditorNav,#customizerModal .arctic-simple .studio-actions,#customizerModal .arctic-simple #studioLogoExample,#customizerModal .arctic-simple #mobileColorsPanel,#customizerModal .arctic-simple [data-wizard-section="7"],#customizerModal .arctic-simple .designer-zoom-tools,#customizerModal .arctic-simple #wizardProgress,#customizerModal .arctic-simple #studioSaveDraft{display:none!important}
#customizerModal .customizer-card.arctic-simple .studio-tool-rail,#customizerModal .customizer-card.arctic-simple:not(.settings-hidden) .studio-tool-rail,#customizerModal .customizer-card.arctic-simple #studioSettings,#customizerModal .customizer-card.arctic-simple:not(.settings-hidden) #studioSettings,#customizerModal .customizer-card.arctic-simple #studioContextPanel,#customizerModal .customizer-card.arctic-simple:not(.settings-hidden) #studioContextPanel{display:none!important}
#customizerModal .arctic-simple .customizer-layout{display:block!important;flex:1!important;min-height:0!important;overflow:auto!important;padding:0!important;background:#fff}
#customizerModal .arctic-simple .designer-wrap{display:flex!important;flex-direction:column!important;padding:0!important;width:100%!important;max-width:none!important;min-height:100%;overflow:visible!important}
#customizerModal .arctic-simple #designerStage{order:1!important;position:relative;width:100%!important;height:clamp(390px,58dvh,560px)!important;min-height:390px!important;max-height:none!important;border:0!important;border-radius:0!important;background:var(--arctic-stage)!important;overflow:hidden}
#customizerModal .arctic-simple #designerViewport{inset:0!important;width:100%!important;height:100%!important}
#customizerModal .arctic-simple .simple-guide-toggle{display:flex!important;position:absolute;z-index:20;top:12px;right:12px;align-items:center;gap:8px;min-height:36px!important;padding:5px 7px 5px 12px!important;border:0!important;border-radius:999px!important;background:#fff!important;box-shadow:0 2px 12px #1112;color:#222!important;font-size:12px!important;font-weight:500}
#customizerModal .arctic-simple #toggleGuides::after{content:none!important;display:none!important}
#customizerModal .arctic-simple .simple-guide-toggle i{width:34px;height:20px;border-radius:99px;background:#cfd3d0;position:relative;transition:.2s}.arctic-simple .simple-guide-toggle i:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #0004;transition:.2s}
#customizerModal .arctic-simple .simple-guide-toggle[aria-pressed="true"] i{background:var(--arctic-green)}#customizerModal .arctic-simple .simple-guide-toggle[aria-pressed="true"] i:after{transform:translateX(14px)}
#customizerModal .arctic-simple #printAreaBox{border:1px dashed #3a7d44!important;background:transparent!important}#customizerModal .arctic-simple #printAreaBox.guides-hidden{border-color:transparent!important}
#customizerModal .arctic-simple #printAreaLabel{display:none!important}#customizerModal .arctic-simple .print-area-measure{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;font-size:10px!important;line-height:1.2!important;font-weight:400!important;color:#68736d!important;opacity:.8;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;letter-spacing:0!important;white-space:nowrap}
#customizerModal .arctic-simple #printAreaHeightMeasure,#customizerModal .arctic-simple #printAreaBox.guides-hidden~.print-area-measure{display:none!important;visibility:hidden!important;border:0!important}#customizerModal .arctic-simple .print-area-measure:before,#customizerModal .arctic-simple .print-area-measure:after{content:none!important;display:none!important}
#customizerModal .arctic-simple .logo-layer-frame{border:1px solid #1f3d2f!important}.arctic-simple .logo-layer-frame:not(.active){border-color:transparent!important}
#customizerModal .arctic-simple .logo-layer-frame.active:after{content:"";display:none}#customizerModal .arctic-simple .logo-layer-frame.active.is-transforming:after{content:attr(data-cm);display:block;position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;padding:0;background:transparent;color:#68736d;font-size:10px;line-height:12px;font-weight:400;pointer-events:none}
#customizerModal .arctic-simple .logo-resize-handle,#customizerModal .arctic-simple .logo-rotate-handle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:0!important;background:transparent!important;font-size:0!important;padding:0!important;transform:translate(50%,-50%)}
#customizerModal .arctic-simple .logo-resize-handle:after,#customizerModal .arctic-simple .logo-rotate-handle:after{content:"";position:absolute;width:var(--handle-size,16px);height:var(--handle-size,16px);max-width:20px;max-height:20px;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:var(--arctic-green);box-shadow:0 1px 4px #0005}
#customizerModal .arctic-simple .logo-rotate-handle{transform:translate(-50%,-50%)}
#customizerModal .arctic-simple #designerEmptyState{display:flex!important;position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:min(72%,260px);min-height:112px;align-items:center;justify-content:center;border:1.5px dashed #3a7d44;border-radius:14px;background:#ffffffd9;color:var(--arctic-green);cursor:pointer;text-align:center;padding:20px}
#customizerModal .arctic-simple #designerEmptyState strong{font-size:18px}#customizerModal .arctic-simple #designerEmptyState span,#customizerModal .arctic-simple #designerEmptyState small{display:none}.arctic-simple #designerEmptyState strong:before{content:"＋ ";font-size:22px}
#customizerModal .arctic-simple #designerEmptyState.is-hidden{display:none!important}
#customizerModal .arctic-simple #simpleUpload{display:none;order:2;padding:10px 16px;align-items:center;justify-content:center;gap:10px;background:#fff}#customizerModal .arctic-simple[data-simple-step="1"] #simpleUpload{display:flex!important}#customizerModal .arctic-simple #simpleUpload>label{margin:0!important;min-height:44px}#customizerModal .arctic-simple #simpleUpload .sample-choice{display:flex;align-items:center;gap:7px;font-size:12px;color:#52665b}#customizerModal .arctic-simple #simpleSample{min-height:44px;border:1px solid var(--arctic-line);border-radius:10px;background:#fff;padding:0 8px;color:#1f3d2f}
#customizerModal .arctic-simple #simpleTools{order:2;position:relative;padding:12px 16px 6px;background:#fff}
#customizerModal .arctic-simple .simple-tool-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 52px;gap:8px}
#customizerModal .arctic-simple .simple-tool-row button{height:64px;min-width:0;padding:7px 2px;border:1px solid var(--arctic-line);border-radius:12px;background:#fff;color:#262a27;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#customizerModal .arctic-simple .simple-tool-row button>span{font-size:20px;line-height:22px}.arctic-simple .simple-tool-row button>b{font-size:12px;font-weight:500}.arctic-simple .simple-tool-row button.active{border-color:var(--arctic-green);background:#eef4ef;color:var(--arctic-green)}
#customizerModal .arctic-simple #simpleTools>.transform-size-control{display:block!important;margin:14px 0 0!important;padding:0 2px}.arctic-simple #simpleTools>.transform-size-control span{display:flex;justify-content:space-between;font-size:14px}.arctic-simple #logoScaleOutput{font-size:17px;color:var(--arctic-green);font-weight:700}
#customizerModal .arctic-simple #simpleTools input[type="range"]{width:100%;height:28px;accent-color:var(--arctic-green)}
#customizerModal .arctic-simple .simple-quick{display:none}#customizerModal .arctic-simple #simpleMore{display:none;position:absolute;z-index:60;left:12px;right:12px;bottom:calc(100% + 8px);max-height:min(440px,calc(100dvh - 100px));overflow:auto;margin:0;padding:12px;border:1px solid var(--arctic-line);border-radius:12px;background:#fff;box-shadow:0 8px 30px #0003}#customizerModal .arctic-simple #simpleMore[open]{display:grid;gap:10px}#customizerModal .arctic-simple #simpleMore summary{display:none}.arctic-simple #simpleMore button{min-height:44px;border:1px solid var(--arctic-line);border-radius:10px;background:#fff;color:#222}.arctic-simple #simpleMore .simple-quick{display:flex;gap:8px}.arctic-simple #simpleMore .fine-control,.arctic-simple #simpleMore .rotation-presets,.arctic-simple #simpleMore .editor-layer-list{display:block!important}
#customizerModal .arctic-simple #simpleBackground{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px}#customizerModal .arctic-simple #simpleBgStatus{margin:0;color:#52665b;font-size:11px}
#customizerModal .arctic-simple #simpleContext #studioColorBar{display:none!important;margin:14px 0 0;padding:10px;border:1px solid var(--arctic-line);border-radius:12px}#customizerModal .arctic-simple #simpleTools[data-active="Color"] #simpleContext #studioColorBar{display:flex!important;visibility:visible!important;height:auto!important;opacity:1!important}
#customizerModal .arctic-simple #wizardFooter{order:9;position:sticky!important;bottom:0!important;display:flex!important;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;margin-top:auto!important;width:100%!important;border:0!important;background:#fff!important;z-index:30!important}
#customizerModal .arctic-simple #wizardFooter>*:not(#wizardNext):not(#wizardPrev){display:none!important}#customizerModal .arctic-simple #wizardPrev{display:block!important;min-width:104px;min-height:44px!important;margin:0!important;border:1px solid #cbd4cf!important;border-radius:11px!important;background:#fff!important;color:var(--arctic-green)!important;font-weight:600}#customizerModal .arctic-simple[data-simple-step="0"] #wizardPrev{display:none!important}#customizerModal .arctic-simple #wizardNext{display:block!important;flex:1;width:auto;min-height:50px!important;margin:0!important;border:0!important;border-radius:11px!important;background:#111!important;color:white!important;font-size:17px!important;font-weight:500}#customizerModal .arctic-simple #wizardNext:after{content:none!important}
#customizerModal .arctic-simple #simpleAreas{padding:12px 0}.arctic-simple .simple-methods{display:flex;gap:10px}.arctic-simple .simple-methods button,.arctic-simple .simple-area-grid button{border:1px solid var(--arctic-line);border-radius:14px;background:#fff;padding:12px}.arctic-simple .simple-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arctic-simple .simple-area-grid svg{width:100%;height:110px}.arctic-simple .provider-print-area{stroke:#3a7d44;fill:none;stroke-dasharray:7 5}.arctic-simple .recommended{display:block;color:var(--arctic-green);font-size:10px}
#customizerModal .arctic-simple #simplePreviewControls{display:none;order:3;padding:10px 16px;background:#fff;gap:10px;align-items:center}#customizerModal .arctic-simple[data-simple-step="3"] #simplePreviewControls{display:flex!important;flex-direction:column}#customizerModal .arctic-simple #simplePreviewControls #studioColorBar{display:flex!important;visibility:visible!important;width:100%;height:auto!important;opacity:1!important;margin:0!important;padding:8px!important;border:1px solid var(--arctic-line);border-radius:12px}#customizerModal .arctic-simple #simplePreviewControls .simple-guide-toggle{display:flex!important;position:static!important;align-self:flex-end;min-height:44px!important;box-shadow:none;border:1px solid var(--arctic-line)!important}
#customizerModal .arctic-simple #simpleQuantities{display:none;padding:16px}.arctic-simple[data-simple-step="0"] #simpleTools>*:not(#simpleAreas),.arctic-simple:not([data-simple-step="0"]) #simpleAreas{display:none!important}.arctic-simple[data-simple-step="3"] #designerStage,.arctic-simple[data-simple-step="4"] #designerStage,.arctic-simple[data-simple-step="3"] #simpleTools,.arctic-simple[data-simple-step="4"] #simpleTools{display:none!important}.arctic-simple[data-simple-step="4"] #simpleQuantities{display:block!important}.arctic-simple #mockupResults{display:none!important}.arctic-simple[data-simple-step="3"] #mockupResults{display:grid!important}.arctic-simple[data-simple-step="3"] #simpleProductMockup{display:block!important}.arctic-simple #simpleProductMockup{display:none!important}
@media(min-width:1024px){#customizerModal .arctic-simple{width:min(1240px,96vw)!important;height:min(800px,94dvh)!important;max-height:94dvh!important;border-radius:18px!important}#customizerModal .arctic-simple .customizer-layout{display:block!important;padding:16px!important}#customizerModal .arctic-simple .designer-wrap{display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:0 22px;width:100%!important}#customizerModal .arctic-simple #designerStage{display:block!important;grid-column:1!important;grid-row:1/3!important;height:auto!important;min-height:620px!important;border-radius:16px!important}#customizerModal .arctic-simple #simpleTools{display:block!important;grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0}#customizerModal .arctic-simple #wizardFooter{grid-column:2!important;grid-row:2!important;padding:12px 0 0!important;position:relative!important}#customizerModal .arctic-simple .simple-tool-row{grid-template-columns:repeat(2,minmax(0,1fr)) 52px}#customizerModal .arctic-simple .simple-tool-row button{height:72px}#customizerModal .arctic-simple .simple-tool-row button:nth-child(5){grid-column:3;grid-row:1}#customizerModal .arctic-simple #simpleAreas{max-width:none;margin:0;padding:0}#customizerModal .arctic-simple .simple-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#customizerModal .arctic-simple #simpleMore{left:auto;right:0;top:80px;bottom:auto;width:min(380px,100%)}#customizerModal .arctic-simple #mobileEditPanel,#customizerModal .arctic-simple #mobileEditorNav,#customizerModal .arctic-simple .studio-actions{display:none!important}}
#customizerModal .arctic-simple #stageNudgeReadout,#customizerModal .arctic-simple [data-editor-panel="position"],#customizerModal .arctic-simple .position-readout{display:none!important}
#customizerModal .arctic-simple #simpleContext #textEditorPanel{display:none!important;margin-top:12px}#customizerModal .arctic-simple #simpleContext.show-text #textEditorPanel,#customizerModal .arctic-simple #simpleContext.show-text #textControls{display:block!important}
@media(min-width:1024px){#customizerModal .customizer-card.arctic-simple .designer-wrap,#customizerModal .customizer-card.arctic-simple:not(.settings-hidden) .designer-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;align-items:start!important;gap:12px!important;height:auto!important;min-height:0!important}#customizerModal .customizer-card.arctic-simple #designerStage,#customizerModal .customizer-card.arctic-simple:not(.settings-hidden) #designerStage{grid-column:1!important;grid-row:1/3!important;height:calc(min(800px,94dvh) - 200px)!important;min-height:0!important}#customizerModal .customizer-card.arctic-simple #simpleTools{grid-column:2!important;grid-row:1!important}#customizerModal .customizer-card.arctic-simple .customizer-layout{padding:8px 12px!important}}

/* Restored 12.18 step 3-5 styles dropped in the redesign; desktop Skoða/Magn full width; hide sub-pixel colour-plate edge line */
body.studio-open #sizeModal:not(.is-hidden){z-index:20000!important}
#customizerModal .customizer-card.arctic-simple #simpleSendPanel{display:none!important}
#customizerModal .customizer-card.arctic-simple #simpleProductMockup{display:none!important;margin:8px 0 12px;background:#1F3D2F;color:#fff;border:0;border-radius:12px;min-height:44px;padding:10px 18px}
#customizerModal .customizer-card.arctic-simple[data-simple-step="3"] #simpleProductMockup{display:block!important}
#customizerModal .customizer-card.arctic-simple #simpleMore[open] .editor-layer-list{display:flex!important}
#customizerModal .customizer-card.arctic-simple .simple-methods button[aria-pressed=true]{border:2px solid #245d45}
#customizerModal .customizer-card.arctic-simple .simple-methods strong,#customizerModal .customizer-card.arctic-simple .simple-methods small{display:block}
#customizerModal .customizer-card.arctic-simple .simple-methods small{color:#527364;margin-top:6px}
#customizerModal .customizer-card.arctic-simple .simple-area-grid button[aria-pressed=true]{box-shadow:0 0 0 2px #32684e}
#customizerModal .customizer-card.arctic-simple .simple-area-grid .provider-print-area{stroke:#00a673;stroke-width:5;fill:#07be8520;stroke-dasharray:12 8}
#customizerModal .customizer-card.arctic-simple .simple-area-grid span{font-size:12px;color:#547360}
#customizerModal .customizer-card.arctic-simple #simpleSizeGuide{min-height:44px;background:#e5f1ea;color:#24583e;border:1px solid #c5ded0;border-radius:10px;padding:10px 16px;margin-bottom:12px}
#customizerModal .customizer-card.arctic-simple #quantityMatrix{display:block!important}
#customizerModal .customizer-card.arctic-simple .quantity-color-rail{display:flex!important;gap:8px;overflow-x:auto!important}
#customizerModal .customizer-card.arctic-simple .quantity-color-card{min-width:105px!important;min-height:54px!important;flex-shrink:0!important}
#customizerModal .customizer-card.arctic-simple .quantity-color-card .quantity-product-thumb{display:none!important}
#customizerModal .customizer-card.arctic-simple .quantity-product-thumb.large{position:relative;display:block!important;max-height:350px!important;height:34dvh!important;width:min(360px,100%)!important;background:#fff}
#customizerModal .customizer-card.arctic-simple .quantity-product-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
#customizerModal .customizer-card.arctic-simple .quantity-product-thumb small{position:absolute;bottom:8px;left:8px;background:#fff9;border-radius:8px;padding:4px 7px;font-size:10px;color:#345d45}
#customizerModal .customizer-card.arctic-simple[data-simple-step="0"] #studioColorBar,#customizerModal .customizer-card.arctic-simple[data-simple-step="4"] #studioColorBar{display:none!important}
#customizerModal .customizer-card.arctic-simple #mockupStatus:empty{display:none}
#customizerModal .customizer-card.arctic-simple .preview-areas rect{fill:none;stroke:#1F3D2F;stroke-opacity:.55;stroke-width:4;stroke-dasharray:14 10}
@media(max-width:780px){#customizerModal .customizer-card.arctic-simple .quantity-active-panel{display:flex!important;flex-direction:column!important}#customizerModal .customizer-card.arctic-simple .quantity-active-product{width:100%!important}#customizerModal .customizer-card.arctic-simple .quantity-product-thumb.large{height:28dvh!important}#customizerModal .customizer-card.arctic-simple .quantity-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1024px){#customizerModal .customizer-card.arctic-simple[data-simple-step="3"] #simpleTools,#customizerModal .customizer-card.arctic-simple[data-simple-step="4"] #simpleTools{display:none!important}#customizerModal .customizer-card.arctic-simple[data-simple-step="3"] .designer-wrap,#customizerModal .customizer-card.arctic-simple[data-simple-step="4"] .designer-wrap{grid-template-columns:minmax(0,1fr)!important}#customizerModal .customizer-card.arctic-simple[data-simple-step="3"] .designer-wrap>*,#customizerModal .customizer-card.arctic-simple[data-simple-step="4"] .designer-wrap>*{grid-column:1/-1!important}}
#customizerModal .customizer-card.arctic-simple #templateColorPlate{clip-path:inset(1px)}
/* Manual fix: Skoða colour/print-area controls above the preview (not under the sticky footer); desktop sample row wraps inside the tools column */
#customizerModal .customizer-card.arctic-simple[data-simple-step="3"] #simplePreviewControls{order:-1!important;flex-direction:row!important;flex-wrap:wrap}
@media(min-width:1024px){#customizerModal .customizer-card.arctic-simple #simpleUpload{grid-column:2!important;flex-wrap:wrap!important;justify-content:flex-start!important;padding:8px 0!important}#customizerModal .customizer-card.arctic-simple #simpleUpload select{max-width:100%}}
@media(max-width:1023px){#customizerModal .customizer-card.arctic-simple[data-simple-step="3"] .designer-wrap{display:flex!important;flex-direction:column!important}}
/* 12.20 integration: the redesign owns the editor; 12.19 colour comparison + checkout (Yfirlit, Verkbeiðni, Staðfesta, Mitt svæði) kept. */
#customizerModal .customizer-card.arctic-simple.arctic-comfortable #comfortableColourPanel{display:none}
#customizerModal .customizer-card.arctic-simple.arctic-comfortable[data-simple-step="4"] #comfortableColourPanel{display:block}
#customizerModal .customizer-card.arctic-simple.arctic-comfortable #comfortableColourPanel p,#customizerModal .customizer-card.arctic-simple.arctic-comfortable #comfortableQuantityHead p{font-size:13px;line-height:1.6;color:#5c7467;margin:6px 0 12px}
.comfortable-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.comfortable-section-head h3,#comfortableQuantityHead h3{margin:4px 0;font-size:21px}.comfortable-section-head button{min-height:44px;padding:8px 12px;background:#fff;border:1px solid #cbddd2;border-radius:10px;color:#245d43;font-size:12px}
#comfortableColours{display:flex;gap:8px;overflow-x:auto;padding:6px 1px 12px;scrollbar-width:thin}
.comfortable-colour{flex:0 0 88px;border:1px solid #d1dfd6;border-radius:12px;background:#fff;text-align:center;padding:5px}.comfortable-colour.active{border:2px solid #2e684c;padding:4px}
.comfortable-colour button{border:0;background:transparent;width:100%;min-height:70px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#1e4030}.comfortable-colour button i{width:32px;height:32px;border:1px solid #ccd6cf;border-radius:50%;box-shadow:inset 0 0 0 3px white}.comfortable-colour button span{font-size:11px;font-weight:700;overflow-wrap:anywhere}.comfortable-colour label{display:flex;gap:4px;align-items:center;justify-content:center;min-height:40px;font-size:10px;color:#537362}.comfortable-colour input{width:18px;height:18px;accent-color:#22583e}
.comfortable-gallery-rail{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border:1px solid #d6e3da;border-radius:18px;background:#fff}
.comfortable-gallery-slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;background:#fff;border:0;padding:10px;min-height:320px;cursor:zoom-in;color:#416650}.comfortable-gallery-slide img{display:block;width:100%;height:clamp(280px,40dvh,550px);object-fit:contain}.comfortable-gallery-slide span{display:block;font-size:11px;padding:8px 0;color:#536f61}
.comfortable-gallery-nav{display:flex;align-items:center;justify-content:space-between;margin:6px 0}.comfortable-gallery-nav button{min-height:44px;border:0;background:transparent;color:#2b593f;font-size:12px}.comfortable-gallery-nav span{font-size:12px;color:#718677}
.comfortable-mockup-actions{display:flex;gap:8px;flex-wrap:wrap}.comfortable-mockup-actions button{flex:1;min-height:46px;background:#1b5038;color:white;padding:10px 14px;border:0;border-radius:12px;font-weight:700}.comfortable-mockup-actions button:disabled{opacity:.5}.comfortable-mockup-actions button[hidden]{display:none}
#comfortableMockupStatus{min-height:20px}.comfortable-gallery-note{font-size:11px!important}
#customizerModal .customizer-card.arctic-simple.arctic-comfortable .quantity-size-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}
#customizerModal .customizer-card.arctic-simple.arctic-comfortable .qty-stepper{display:flex!important;gap:4px!important}.arctic-comfortable .qty-stepper button{min-height:44px!important;min-width:36px!important}.arctic-comfortable .qty-stepper input{min-width:0!important;width:100%!important;max-width:none!important;font-size:16px!important;min-height:44px!important}
#inquiryModal .comfortable-inquiry{display:flex;flex-direction:column;width:min(820px,100%);height:min(880px,98dvh);max-height:98dvh!important;padding:18px!important;overflow:hidden!important;background:#f7faf9}
#inquiryModal .comfortable-inquiry .modal-head{flex-shrink:0;gap:12px}#inquiryModal .comfortable-inquiry .modal-head h2{font-size:22px;margin:6px 0}#inquiryModal .comfortable-inquiry .modal-head small{font-size:12px;line-height:1.5;color:#5b7867}
#comfortableCheckoutSteps{display:flex;gap:5px;padding:12px 0;overflow-x:auto;flex-shrink:0}#comfortableCheckoutSteps button{border:0;border-radius:10px;background:transparent;color:#657a6a;font-size:11px;white-space:nowrap;min-height:44px;padding:6px 10px}#comfortableCheckoutSteps button.active{background:#1d4c36;color:white}#comfortableCheckoutSteps button:disabled{opacity:.5}
#inquiryModal .comfortable-inquiry #inquiryForm{display:flex;flex-direction:column;overflow-y:auto;min-height:0;flex:1;padding:0 3px;gap:14px}
#inquiryModal .comfortable-inquiry #inquirySummary,#inquiryModal .comfortable-inquiry .add-product-note{display:none!important}
#inquiryModal .comfortable-inquiry #comfortableReview h3{margin:8px 0;font-size:21px}.comfortable-review-image{width:100%;height:220px;object-fit:contain;border-radius:16px;background:white}.comfortable-review-lines{border:1px solid #d6e3da;border-radius:12px;overflow:hidden;background:white}.comfortable-review-lines div{display:grid;grid-template-columns:1fr 70px 60px;gap:8px;padding:14px;border-bottom:1px solid #e1eae5;font-size:13px}.comfortable-review-lines div:last-child{border:0}.comfortable-reassurance{font-size:12px;line-height:1.65;color:#5d7567}
#inquiryModal .comfortable-inquiry .form-grid{grid-template-columns:1fr 1fr;gap:12px}#inquiryModal .comfortable-inquiry input:not([type=checkbox]),#inquiryModal .comfortable-inquiry textarea{width:100%;box-sizing:border-box;min-height:46px;font-size:16px;padding:12px;border:1px solid #ceddd3;border-radius:10px;background:white;color:#173e2d}
.comfortable-check{display:flex;gap:12px;padding:14px;background:#fff;border:1px solid #d2e1d7;border-radius:12px;align-items:flex-start;font-size:14px;line-height:1.6}.comfortable-check input{width:22px;height:22px;flex-shrink:0;accent-color:#245c3e}.comfortable-check small{display:block;color:#68816f;font-size:12px}
#inquiryModal .comfortable-inquiry label.comfortable-check{display:flex!important;gap:12px;align-items:flex-start;line-height:1.5}
#inquiryModal .comfortable-inquiry[data-comfort-phase="4"] #comfortableReview h3{font-size:18px;margin:4px 0}
#inquiryModal .comfortable-inquiry[data-comfort-phase="4"] .comfortable-review-lines div{padding:10px}
#comfortableContactSummary h3{font-size:18px;margin:4px 0}#comfortableContactSummary p{font-size:13px;line-height:1.5;margin:6px 0}
#comfortableConfirmation{display:flex;flex-direction:column;gap:12px}#comfortableSaveStatus{font-size:12px;line-height:1.5;color:#4c6a56;margin:0}#comfortableLogin{min-height:44px;padding:10px;border:1px solid #9bb8a6;border-radius:10px;background:#fff;color:#2a6043}#comfortableLogin[hidden]{display:none}
#comfortableCheckoutFooter{display:flex;justify-content:space-between;gap:10px;background:#f7faf9;padding:12px 0;margin-top:auto;flex-shrink:0;border-top:1px solid #dce5df}#comfortableCheckoutFooter button{min-height:46px;border:1px solid #cddfd2;border-radius:12px;padding:10px 15px;background:#fff;color:#29543b}#comfortableCheckoutNext{background:#1f523b!important;color:white!important;margin-left:auto}
#inquiryModal .comfortable-inquiry .inquiry-actions{display:flex;gap:8px;position:sticky;bottom:70px;padding:10px 0;background:#f7faf9}#inquiryModal .comfortable-inquiry .inquiry-actions button{min-height:46px;padding:10px 16px;font-size:13px}
#inquiryModal .comfortable-inquiry:not([data-comfort-phase="2"]) #addAnotherProduct,#inquiryModal .comfortable-inquiry:not([data-comfort-phase="4"]) #submitInquiry{display:none!important}
#inquiryModal .comfortable-inquiry:not([data-comfort-phase="3"]) .form-grid,#inquiryModal .comfortable-inquiry:not([data-comfort-phase="3"]) #inquiryForm>label{display:none!important}
#inquiryModal .comfortable-inquiry:not([data-comfort-phase="4"]) #comfortableConfirmation,#inquiryModal .comfortable-inquiry[data-comfort-phase="3"] #comfortableReview{display:none!important}
#inquiryModal .comfortable-inquiry[data-comfort-phase="4"] #comfortableCheckoutNext{display:none}
#inquiryModal .comfortable-inquiry[data-comfort-phase="4"] #comfortableReview img,#inquiryModal .comfortable-inquiry[data-comfort-phase="4"] #comfortableReview .comfortable-reassurance{display:none}
#inquiryModal .comfortable-inquiry #comfortableCheckoutFooter #submitInquiry{background:#1d5037;color:#fff;margin-left:auto;font-size:13px;max-width:260px}
#inquiryModal .comfortable-inquiry #comfortableCheckoutFooter #submitInquiry:disabled{opacity:.45}
#inquiryModal .comfortable-inquiry:not([data-comfort-phase="4"]) #comfortableCheckoutFooter #submitInquiry{display:none!important}
#inquiryModal .comfortable-inquiry:not([data-comfort-phase="2"]) .inquiry-actions{display:none!important}
#inquiryModal .comfortable-inquiry[data-comfort-phase="4"] .inquiry-actions{bottom:60px}
@media(max-width:780px){
 .comfortable-section-head h3,#comfortableQuantityHead h3{font-size:18px}
 .comfortable-gallery-slide{padding:8px;min-height:285px}.comfortable-gallery-slide img{height:32dvh;min-height:250px}
 #customizerModal .customizer-card.arctic-simple.arctic-comfortable .quantity-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #inquiryModal .comfortable-inquiry{height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:12px!important}
 #inquiryModal .comfortable-inquiry .form-grid{grid-template-columns:1fr!important}
 #comfortableCheckoutSteps button:not(.active){display:none}#comfortableCheckoutSteps button.active{width:100%;text-align:left}
 #comfortableCheckoutFooter{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}
/* 12.20 manual fix: desktop Litur og magn content (colour comparison + quantities) scrolls inside the editor instead of spilling under the footer */
#customizerModal .customizer-card.arctic-simple .customizer-layout{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important}
@media(min-width:1024px){#customizerModal .customizer-card.arctic-simple{margin-left:auto!important;margin-right:auto!important}}
/* 12.20.1 — sample-logo chips (Svæði + Lógó steps) */
#customizerModal .arctic-simple #simpleSampleChips{display:none;order:2;padding:8px 12px 4px;background:#fff}
#customizerModal .arctic-simple[data-simple-step="0"] #simpleSampleChips,#customizerModal .arctic-simple[data-simple-step="1"] #simpleSampleChips{display:block}
#customizerModal .arctic-simple .sample-chips-label{display:block;font-size:12px;color:#527364;margin:0 0 6px}
#customizerModal .arctic-simple .sample-chips-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}
#customizerModal .arctic-simple .sample-chips-row::-webkit-scrollbar{display:none}
#customizerModal .arctic-simple #simpleSampleChips button{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 10px 4px 4px;border:1px solid #d3e2db;border-radius:999px;background:#f7faf9;color:#1e4030;font-size:12px;font-weight:600}
#customizerModal .arctic-simple #simpleSampleChips button[aria-pressed=true]{border:2px solid #245d45;background:#e5f1ea}
#customizerModal .arctic-simple #simpleSampleChips img{width:36px;height:36px;border-radius:50%;object-fit:contain;background:#fff}
#customizerModal .arctic-simple .sample-choice{display:none!important}
@media(min-width:1024px){#customizerModal .customizer-card.arctic-simple #simpleSampleChips{grid-column:2!important;grid-row:auto!important;padding:8px 0!important}#customizerModal .customizer-card.arctic-simple .sample-chips-row{flex-wrap:wrap}}
/* 12.20.1 — cm label sits inside the print-area corner instead of over the garment */
#customizerModal .arctic-simple #printAreaWidthMeasure{transform:translate(4px,28px);background:rgba(255,255,255,.88)!important;color:#2f4a3c!important;opacity:1;padding:1px 6px!important;border-radius:6px!important;width:auto!important;max-width:calc(100% - 8px)}
/* 12.20.1 — true full-screen editor on phones (iOS Safari) */
#customizerModal .customizer-card.arctic-simple{padding-bottom:0!important}
@media(max-width:1023px){
 #customizerModal.studio-modal,#customizerModal{position:fixed!important;inset:0!important;height:100%!important}
 #customizerModal .customizer-card.arctic-simple{position:absolute!important;inset:0!important;height:100vh!important;height:-webkit-fill-available!important;height:100dvh!important;max-height:none!important;margin:0!important}
 #customizerModal .customizer-card.arctic-simple .studio-head{padding-top:max(6px,env(safe-area-inset-top))!important}
 #customizerModal .customizer-card.arctic-simple .customizer-layout{flex:1 1 auto!important;min-height:0!important}
 #customizerModal .customizer-card.arctic-simple #wizardFooter{position:relative!important;flex:0 0 auto!important;margin-top:0!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;box-shadow:0 -6px 16px rgba(20,40,30,.06)}
 #customizerModal .customizer-card.arctic-simple[data-simple-step="0"] #designerStage{height:clamp(220px,calc(100dvh - 360px - env(safe-area-inset-bottom)),560px)!important;min-height:220px!important}
 #customizerModal .customizer-card.arctic-simple[data-simple-step="1"] #designerStage{height:clamp(260px,calc(100dvh - 300px - env(safe-area-inset-bottom)),620px)!important;min-height:260px!important}
 #customizerModal .customizer-card.arctic-simple[data-simple-step="2"] #designerStage{height:clamp(280px,calc(100dvh - 290px - env(safe-area-inset-bottom)),640px)!important;min-height:280px!important}
}