:root{--ink:#103136;--muted:#62797e;--primary:#176f91;--primary-hover:#125b77;--line:#dce3e5;--surface:#fff;--canvas:#f5f7f7;--panel-gap:20px;--panel-padding:19px 24.5px;--radius:12px;font-family:Geist,system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:15px;line-height:1.55}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button:disabled{cursor:wait;opacity:.6}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;line-height:1.25;letter-spacing:-.7px}h2{font-size:20px;font-weight:600}h3{font-size:17px;font-weight:600}p+p{margin-top:12px}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}[hidden]{display:none!important}
.skip-link{position:fixed;top:10px;left:12px;z-index:100;background:#fff;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.brand{width:118px;height:auto}.environment{font-size:10px;font-weight:700;letter-spacing:.8px;color:#735c1b;background:#fbf0ce;padding:3px 7px;border-radius:5px;white-space:nowrap}.muted{color:var(--muted)}.eyebrow{font-size:13px;color:var(--muted);margin-bottom:7px}.small{font-size:13px}.stack{display:grid;gap:var(--panel-gap);align-content:start}.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.push{margin-left:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 17px;border:1px solid var(--primary);border-radius:7px;background:var(--primary);color:#fff;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap}.button:hover{background:var(--primary-hover);border-color:var(--primary-hover);text-decoration:none}.button.secondary,button.secondary{background:#fff;color:var(--primary);border:1px solid var(--line);border-radius:7px;padding:10px 17px}.button.secondary:hover,button.secondary:hover{border-color:var(--primary);background:#f0f7fa}.button.small{padding:7px 12px}.text-button{color:var(--primary);padding:4px 0;border:0;background:none}.text-button:hover{text-decoration:underline}.danger{color:#a93838}.button.danger{background:#fff;border-color:#ba4d4d;color:#9d3030}.button.danger:hover{background:#fff0f0}
.app-header{background:#fff;border-bottom:1px solid var(--line)}.app-header-inner{max-width:1280px;padding:0 28px;margin:auto;min-height:72px;display:flex;align-items:center;gap:25px}.top-navigation{display:flex;gap:21px;align-items:center;min-width:0;flex:1}.nav-group{position:relative}.nav-item{display:inline-block;color:var(--ink);font-size:14px;padding:24px 0 20px;border:0;border-bottom:2px solid transparent;background:transparent;white-space:nowrap}.nav-item:hover,.nav-item:focus-visible,.nav-item[aria-expanded=true]{color:var(--primary);border-bottom-color:var(--primary);text-decoration:none}
/* Menyvalgene viser fokus med samme understrek som hover; en ramme ville blitt klippet av menyens rullefelt. */
.nav-item:focus-visible{outline:none}.dropdown{position:absolute;z-index:20;top:100%;left:-17px;min-width:220px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #10313618}.dropdown a,.dropdown .menu-button{display:flex;align-items:center;min-height:44px;padding:0 14px;color:var(--ink);border-radius:6px}.dropdown .menu-button{width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.dropdown a:hover,.dropdown a:focus-visible,.dropdown .menu-button:hover,.dropdown .menu-button:focus-visible{background:#f0f7fa;color:var(--primary);text-decoration:none}.header-actions{display:flex;align-items:center;gap:14px;font-size:13px;white-space:nowrap}.header-store{max-width:140px;overflow:hidden;text-overflow:ellipsis}.page-content{max-width:1200px;margin:0 auto;padding:38px 36px 64px}.page-heading{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:26px}.page-heading p{color:var(--muted);margin-top:8px;max-width:650px}.panel{padding:var(--panel-padding);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel h2+.muted{margin-top:6px}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--panel-gap)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--panel-gap)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.metric small{font-size:17px;font-weight:400;color:var(--muted)}.empty{padding:32px 24px;text-align:center}.empty p{color:var(--muted);margin:10px auto 18px;max-width:480px}.list{list-style:none;padding:0;margin:0}.list li+li{border-top:1px solid var(--line)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0}.list-row p{color:var(--muted);font-size:13px}.badge{font-size:12px;padding:3px 8px;border-radius:20px;background:#e9f2f6;color:#275c70}.badge.neutral{background:#eef1f2;color:#62797e}.notice{padding:15px 18px;border-radius:9px;background:#edf5f8;color:#315c6d;border:1px solid #d7e9f0}.notice.warning{background:#fff8e6;border-color:#f1dfad;color:#70591f}.notice.error,.form-error{background:#fff0ef;color:#953f37;border:1px solid #e9c9c6}.form-error{padding:11px 14px;border-radius:7px;margin-bottom:16px}.form-status{color:#32644f;font-size:14px}.form-row{display:grid;gap:6px;margin-bottom:17px;align-content:start}.form-row label{font-weight:500;font-size:14px}.form-row input,.form-row select,.form-row textarea{width:100%;min-width:0;padding:10px 12px;background:#fff;color:var(--ink);border:1px solid #bdcccf;border-radius:6px;line-height:1.5}.form-row input:focus,.form-row textarea:focus{border-color:var(--primary);outline:1px solid var(--primary);outline-offset:0}.form-row textarea{resize:vertical;min-height:110px}.form-row .hint{font-size:12px;color:var(--muted)}.form-actions{display:flex;align-items:center;gap:14px;margin-top:23px}.form-row input[type=checkbox]{width:auto}.checkbox{display:flex;align-items:center;gap:8px}.auth-layout{max-width:500px;margin:56px auto 80px;padding:0 22px}.auth-layout h1{font-size:27px;margin-bottom:9px}.auth-layout .panel{padding:28px}.auth-intro{color:var(--muted);margin-bottom:23px}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px;margin-top:20px}.recovery-code{display:block;font-family:ui-monospace,monospace;overflow-wrap:anywhere;user-select:all;background:#f4f7f7;border:1px solid var(--line);border-radius:6px;padding:15px;font-size:15px;margin:18px 0}.recovery-box h2{margin-bottom:10px}dialog{width:min(560px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:14px;padding:26px;color:var(--ink);box-shadow:0 20px 60px #10313630}dialog::backdrop{background:#10313650}dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}dialog .close{border:0;background:none;font-size:25px;color:var(--muted);padding:0 5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}th,td{padding:12px 10px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}tr:last-child td{border-bottom:0}.right{text-align:right}
.landing{background:#fff;min-height:100dvh}.landing-header{max-width:1160px;margin:auto;min-height:92px;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.landing-header .brand{width:113px}.landing-login{font-size:15px;font-weight:500}.landing-hero{max-width:950px;margin:90px auto 0;padding:24px 32px 130px;text-align:center}.landing-hero h1{font-family:Nunito,system-ui,sans-serif;font-weight:600;font-size:clamp(48px,6.8vw,82px);line-height:1.08;letter-spacing:-2.9px}.landing-hero h1 span{display:block}.landing-intro{font-size:20px;line-height:1.6;color:var(--muted);margin:28px auto 32px}.landing-cta{font-size:17px;padding:15px 25px;border-radius:8px}.landing-note{font-size:12px;color:var(--muted);margin-top:15px}.landing-header .inline{gap:24px}
@media(max-width:1100px){.app-header-inner{gap:18px;padding:0 24px;flex-wrap:wrap;row-gap:0}.top-navigation{order:3;width:100%;flex:auto;gap:23px;overflow-x:auto}.nav-item{padding:12px 0}.app-header-inner>.app-logo{padding:17px 0}.header-actions{margin-left:auto}.nav-group{position:static}.dropdown{top:auto;left:auto;position:fixed;min-width:210px}.page-content{padding:28px 24px 55px}}
@media(max-width:767px){:root{--panel-gap:14px;--panel-padding:17px 18px;font-size:14px}.page-content{padding:25px 18px 45px}h1{font-size:26px}.page-heading{flex-direction:column;gap:16px;margin-bottom:20px}.page-heading>.button{align-self:flex-start}.panel-grid,.two-columns{grid-template-columns:1fr}.brand{width:98px}.app-header-inner{padding:0 18px}.top-navigation{gap:21px}.nav-item{font-size:13px}.header-actions{gap:10px;font-size:12px}.header-store{max-width:100px}.landing-header{min-height:80px;padding:0 22px}.landing-header .brand{width:98px}.landing-header .inline{gap:16px}.landing-hero{margin-top:50px;padding:20px 20px 90px}.landing-hero h1{font-size:52px;letter-spacing:-1.9px}.landing-intro{font-size:17px;max-width:280px;margin:23px auto 28px}.landing-cta{font-size:16px}.auth-layout{margin-top:30px;padding:0 16px}.auth-layout .panel{padding:22px}.form-actions{flex-wrap:wrap}.list-row{align-items:flex-start;flex-wrap:wrap}.table-wrap{margin-right:-4px}}
@media(prefers-reduced-motion:no-preference){.button,button,input{transition:background .12s,border-color .12s}dialog[open]{animation:appear .12s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}

.panel-after{margin-top:var(--panel-gap)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-form{display:flex;gap:10px;max-width:540px;margin:0 0 var(--panel-gap)}.search-form input{min-width:0;flex:1}.pagination{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin:var(--panel-gap) 0}.product-name{display:flex;gap:14px;align-items:center}.table-image{object-fit:cover;border-radius:8px;background:#f2f5f4}.product-name>a[aria-hidden]{display:flex;flex:none}.reading-width{max-width:880px}.back-link{display:inline-block;margin-bottom:24px}.fit{width:fit-content}.image-preview{object-fit:cover;border-radius:12px}.image-strip{list-style:none;padding:0;margin:0;display:grid;gap:10px}.image-strip:empty{display:none}.image-strip li{display:flex;gap:14px;align-items:center}.image-strip img{flex:none;object-fit:cover;border-radius:10px;background:#f2f5f4}.image-strip span{display:flex;flex-wrap:wrap;gap:4px 16px}.advanced{margin:20px 0}.advanced summary{cursor:pointer;color:var(--primary)}.advanced[open]>summary{margin-bottom:18px}.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selection-item{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.selection-item input{width:18px;height:18px;flex:none;accent-color:var(--primary)}.selection-item strong,.selection-item span span{display:block}.preserve-lines{white-space:pre-line;overflow-wrap:anywhere}.store-header{border-bottom:1px solid var(--line);background:white}.store-header-inner{max-width:1240px;margin:auto;min-height:80px;display:flex;align-items:center;gap:30px;padding:14px 24px}.store-name{font-family:Nunito,Geist,sans-serif;font-size:25px;font-weight:750;color:var(--ink);text-decoration:none;flex:1}.store-header nav{display:flex;gap:25px}.store-header nav a{color:var(--ink);text-decoration:none}.store-header nav a:hover{text-decoration:underline;text-underline-offset:6px;color:var(--primary)}.store-hero{max-width:780px;margin:45px auto 55px;text-align:center}.store-hero h1{font-family:Nunito,Geist,sans-serif;font-weight:750;font-size:clamp(34px,5vw,58px);line-height:1.15;margin:10px 0 22px;letter-spacing:-.035em}.store-hero>p:last-child{font-size:19px;color:var(--muted);line-height:1.6}.store-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--panel-gap)}.store-card{min-width:0}.store-card>a{display:block;color:inherit;text-decoration:none}.store-card img,.product-placeholder{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#eadfd5}.product-placeholder{display:grid;place-items:center;color:#726151;font-size:17px}[data-realm=member] .product-placeholder{color:var(--ink)}.store-card-body{padding:15px 0}.store-card h2{font-size:18px;margin:5px 0 7px}.store-card>a:hover h2{text-decoration:underline;text-underline-offset:4px;color:var(--primary)}.store-footer{border-top:1px solid var(--line);margin-top:56px;padding:30px 0;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.store-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px}.store-detail h1{font-family:Nunito,Geist,sans-serif;font-size:40px;line-height:1.2}.detail-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px}.detail-gallery{display:grid;gap:12px;align-content:start;min-width:0}.gallery-thumbs{display:flex;flex-wrap:wrap;gap:10px}.gallery-thumb{padding:0;border:2px solid transparent;border-radius:12px;background:none;cursor:pointer;line-height:0}.gallery-thumb[aria-pressed=true]{border-color:var(--accent-text)}.gallery-thumb img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#eadfd5}.product-price{font-size:26px}.store-detail .stack{align-content:start}.store-products>.empty{grid-column:1/-1}
@media(max-width:1000px){.store-products{grid-template-columns:repeat(3,minmax(0,1fr))}.store-header-inner{gap:16px}.store-header nav{gap:16px}.store-detail{gap:28px}}
@media(max-width:767px){.selection-grid{grid-template-columns:1fr}.store-products{grid-template-columns:repeat(2,minmax(0,1fr))}.store-detail{grid-template-columns:1fr}.store-detail h1{font-size:32px}.store-header-inner{flex-wrap:wrap;padding:12px 16px}.store-header nav{order:3;flex-basis:100%;padding:4px 0}.store-hero{margin:26px auto 32px}.store-hero>p:last-child{font-size:17px}.store-footer{margin-top:30px;font-size:14px}.store-card h2{font-size:16px}.store-name{font-size:22px}}

.search-form input{padding:10px 12px;border:1px solid #bdcccf;border-radius:7px;background:#fff;color:var(--ink)}
@media(max-width:767px){.selection-item{padding:12px}.store-card-body{padding:12px 0}}

.panel-before{margin-bottom:var(--panel-gap)}.dialog-intro{margin-bottom:20px}.section-heading{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin:12px 0 18px}.plain-fieldset{margin:0;padding:0;border:0;min-width:0}.meeting-fields{min-width:0;margin:0 0 20px;padding:16px 18px 18px;border:1px solid var(--line);border-radius:10px}.meeting-fields legend{font-size:15px;font-weight:600;padding:0 7px}.meeting-fields .form-row{font-size:14px;font-weight:500}.meeting-resources summary{cursor:pointer;color:var(--primary);font-size:14px}.assignment-list{display:grid;gap:12px;margin:16px 0}.assignment-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.assignment-row .checkbox{align-items:flex-start}.assignment-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);flex:none;margin-top:3px}.assignment-row small{display:block;font-size:12px}.assignment-units{font-size:12px;display:flex;align-items:center;gap:8px}.assignment-units input{width:65px;padding:5px;border:1px solid #bdcccf;border-radius:5px}.meeting-fields>[data-remove-meeting]{margin-top:14px}.time-choice{display:grid;gap:8px;font-size:13px;color:#70591f;background:#fff8e6;padding:12px;border-radius:8px}.calendar-page{max-width:1360px}.calendar-toolbar{display:flex;gap:20px;align-items:end;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.calendar-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.calendar-filter label{display:grid;font-size:12px;gap:4px}.calendar-filter input,.calendar-filter select{max-width:230px;border:1px solid #bdcccf;border-radius:6px;padding:7px 9px;color:var(--ink);background:white}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-day{min-width:0}.calendar-day>h2{font-size:13px;text-align:center;font-weight:500;padding:12px 3px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:12px}.day-entries{display:grid;gap:12px;align-content:start}.calendar-week .day-entries{min-height:310px}.calendar-entry{border:1px solid #c7dfe9;background:#f4fbfe;border-radius:8px;padding:12px;overflow-wrap:anywhere}.entry-time{font-size:12px;font-weight:600;margin-bottom:6px}.calendar-entry h3{font-size:14px;line-height:1.4}.calendar-entry h3 a{color:var(--ink)}.calendar-entry .small{font-size:11px;margin-top:7px}.draft-entry{border:1px dashed #afbac0;background:#fff}.draft-label{font-size:11px;color:#70591f;line-height:1.4;margin-top:8px}.resource-labels{list-style:none;padding:0;margin:9px 0 0;font-size:11px;color:var(--muted)}.block-entry{background:#f0f0ed;border-color:#dddfd7}.empty-day{font-size:12px;color:#829296;text-align:center;padding:16px 0}.calendar-legend{font-size:13px;color:var(--muted);margin-top:24px}.calendar-list .calendar-day{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.calendar-list .calendar-day>h2{text-align:left;border:0;margin:0}.calendar-list .day-entries{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-list .empty-day{text-align:left}.calendar-list .entry-time{font-size:13px}.calendar-list .calendar-entry h3{font-size:16px}
@media(max-width:1000px){.calendar-week{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-week .day-entries{min-height:180px}.calendar-toolbar{gap:14px}.calendar-filter{order:3;flex-basis:100%}}
@media(max-width:767px){.calendar-week{grid-template-columns:1fr;gap:14px}.calendar-week .day-entries{min-height:0}.calendar-day>h2{text-align:left;margin-bottom:10px}.calendar-entry{padding:14px}.calendar-entry h3{font-size:16px}.calendar-entry .small,.draft-label,.resource-labels{font-size:12px}.calendar-week .empty-day{text-align:left;padding:0 0 10px}.calendar-list .calendar-day{grid-template-columns:1fr;gap:0}.calendar-list .day-entries{grid-template-columns:1fr}.calendar-filter input,.calendar-filter select{max-width:175px}.meeting-fields{padding:12px;margin-bottom:14px}.assignment-row{gap:8px}.assignment-units{display:grid;gap:3px}.section-heading{gap:6px}.calendar-toolbar{margin-bottom:16px}}

.order-totals{border-top:1px solid var(--line);padding-top:18px}.order-totals p{display:flex;justify-content:space-between;gap:20px}.order-total{font-size:21px;font-weight:600}.receipt-id{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}.receipt-card h2{margin-bottom:12px}.receipt-card ul{padding-left:20px}summary{cursor:pointer;color:var(--primary)}
.metric{font-size:2.5rem;font-weight:650;line-height:1.1;margin:0}.metric span{font-size:1rem;font-weight:400;color:var(--muted)}

.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.metric-grid{grid-template-columns:1fr}}
.header-actions>.header-store{padding-block:12px;white-space:nowrap}.dropdown hr{border:0;border-top:1px solid var(--line);margin:8px 4px}.heading-actions{margin-top:0;flex-wrap:wrap;justify-content:flex-end}
/* Nedtrekkslister tegnes likt i alle nettlesere. Safari ser ellers bort fra luften og gjør dem lave. Høyden er den samme som for tekstfelt og knapper. */
.form-row select{-webkit-appearance:none;appearance:none;min-height:44px;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2362797e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/12px 8px;cursor:pointer}.calendar-filter input{min-height:38px}.calendar-filter select{-webkit-appearance:none;appearance:none;min-height:38px;padding-right:32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2362797e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center/12px 8px;cursor:pointer}.form-row select:focus{border-color:var(--primary);outline:1px solid var(--primary);outline-offset:0}
/* Få, faste valg vises som radioknapper i stedet for en nedtrekksliste; valg som bytter visning, som faner. */
.choices{border:0;padding:0;margin:0 0 17px;min-width:0}.choices legend{font-weight:500;font-size:14px;padding:0;margin-bottom:4px}.choice{display:flex;gap:10px;align-items:flex-start;padding:7px 0;cursor:pointer;line-height:1.45}.choice input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--primary)}.choice input:disabled+span{color:var(--muted)}.choice small{display:block;color:var(--muted);font-size:13px}
.view-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:0 0 var(--panel-gap)}.view-tabs a{padding:10px 0;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.view-tabs a:hover{color:var(--primary);text-decoration:none}.view-tabs a[aria-current=page]{color:var(--ink);font-weight:500;border-bottom-color:var(--primary)}.view-tabs.inline{border-bottom:0;margin:0;gap:18px}.view-tabs.inline a{padding:7px 0}
.segmented{display:inline-flex;border:1px solid #bdcccf;border-radius:8px;overflow:hidden;background:#fff}.segmented button{border:0;background:transparent;padding:0 14px;min-height:40px;font-size:14px;color:var(--ink);cursor:pointer;white-space:nowrap}.segmented button+button{border-left:1px solid #bdcccf}.segmented button[aria-pressed=true]{background:var(--primary);color:#fff}.segmented button:disabled{cursor:default;color:var(--muted)}.segmented button[aria-pressed=true]:disabled{background:#e9f2f6;color:#275c70}
.single-choice{margin:2px 0 0;font-weight:500}
/* Toppmenyen på smale skjermer: toningen ligger klistret til kanten mens innholdet ruller under. */
@media(max-width:1100px){.top-navigation{--nav-gap:23px;gap:var(--nav-gap)}.top-navigation::before,.top-navigation::after{content:"";position:sticky;flex:0 0 36px;align-self:stretch;pointer-events:none;z-index:1}
.top-navigation::before{left:0;margin-right:calc(-36px - var(--nav-gap))}.top-navigation::after{right:0;margin-left:calc(-36px - var(--nav-gap))}
.top-navigation.more-left::before{background:linear-gradient(to left,#fff0,#fff 80%)}.top-navigation.more-right::after{background:linear-gradient(to right,#fff0,#fff 80%)}}
@media(max-width:767px){.top-navigation{--nav-gap:21px}}
/* Feltpar i to kolonner får samme avstand som enkeltfelt når de legger seg under hverandre. */
.two-columns:has(>.form-row){row-gap:0}
.header-actions>a:not(.environment),.header-actions>.text-button{padding-block:12px}
.stack>.list-row,.stack>form>.list-row{padding-block:0}
/* Kort i samme rad har lik høyde. Lenken nederst i nøkkeltallskortene står på linje, resten legger seg øverst. */
.metric-grid>.stack{display:flex;flex-direction:column}.metric-grid>.stack>:last-child{margin-top:auto}
.stack>.panel-title{margin-bottom:0}
/* Miljømerket er døren til testinnboksen for dem som kan lese den. Tallet er nye varsler siden sist. */
a.environment{display:inline-flex;align-items:center;gap:6px;text-decoration:none}a.environment:hover{background:#f6e3a8;text-decoration:none}
.inbox-count{font-variant-numeric:tabular-nums;letter-spacing:0}a.environment.attention{background:#fff0ef;color:#953f37}a.environment.attention:hover{background:#fbdcd8}
/* Driftssidene har samme ramme som resten, så overskrift, tilbakelenke og knapper står likt fra side til side.
   Skjemaene og kortene under overskriften holder en lesbar bredde og står til venstre. Kundens sider er smale. */
.editor-width>:not(.page-heading){max-width:880px}
/* Kontoknappen øverst til høyre: initialene til den som er logget inn, så en delt iPad viser hvem det er. */
.account-button{width:44px;height:44px;margin:-4px -6px -4px 0;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.account-button>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4eff3;color:var(--primary);font-size:13px;font-weight:650;letter-spacing:.3px}
.account-button:hover>span,.account-button[aria-expanded=true]>span{background:var(--primary);color:#fff}
.account-menu .dropdown{left:auto;right:-6px;min-width:240px}
.menu-who{display:grid;gap:2px;padding:8px 14px 6px;font-size:13px}.menu-who span{color:var(--muted);overflow-wrap:anywhere}
@media(max-width:1100px){.account-menu .dropdown{right:auto}}
/* Søket i toppen: et felt på stor skjerm, et forstørrelsesglass som åpner søkesiden på mobil. */
.global-search{flex:0 1 230px;min-width:150px;margin-left:auto}.global-search input{width:100%;height:36px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:18px;background:#f6f8f8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2362797e' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") no-repeat 12px center;font:inherit;font-size:14px;color:var(--ink)}
.global-search input:focus{outline:2px solid var(--primary);outline-offset:1px;background-color:#fff}
.search-link{display:none;width:44px;height:44px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23103136' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7.5' cy='7.5' r='5.5'/%3E%3Cpath d='m11.5 11.5 4.5 4.5'/%3E%3C/svg%3E") no-repeat center}
@media(max-width:1100px){.global-search+.header-actions{margin-left:0}}
@media(max-width:767px){.global-search{display:none}.search-link{display:block;margin-right:-8px}.global-search+.header-actions{margin-left:auto}.header-actions>.header-store{display:none}}
.search-hit{color:inherit;text-decoration:none}.search-hit:hover strong{color:var(--primary);text-decoration:underline}
/* Forslagene under søket i toppen. */
.global-search{position:relative}.search-suggest{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:max(100%,340px);max-height:70vh;overflow:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #10313618}
.suggest-group{padding:10px 10px 4px;font-size:12px;color:var(--muted)}
.search-suggest a{display:grid;gap:1px;padding:8px 10px;border-radius:6px;color:var(--ink);text-decoration:none}.search-suggest a strong{font-weight:550;font-size:14px}.search-suggest a span{font-size:12px;color:var(--muted)}
.search-suggest a[aria-selected=true],.search-suggest a:hover{background:#f0f7fa}.search-suggest .suggest-all{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 6px 6px}.search-suggest .suggest-all strong{color:var(--primary);font-weight:500}

.search-suggest .suggest-all:first-child{margin-top:0;border-top:0;border-radius:6px}
.menu-label{padding:8px 14px 2px;font-size:12px;color:var(--muted)}
/* Miljømerket står rett etter Innstillinger i menyen på stor skjerm. Når menyen ruller sideveis
   på smalere skjermer, står det ved kontoknappen, så det alltid synes. */
.nav-env{display:flex;align-items:center}.header-env{display:none}.header-env.always{display:inline-flex}
@media(max-width:1100px){.nav-env{display:none}.header-env{display:inline-flex}}
/* Avstandene i toppen: fra søkefeltet til det som står til høyre, og mellom elementene der, er den
   samme som mellom menyordene. Avatarsirkelen er like høy som søkefeltet; trykkflaten er 44 px. */
:root{--nav-gap:21px}@media(max-width:1100px){:root{--nav-gap:23px}}@media(max-width:767px){:root{--nav-gap:21px}}
.top-navigation,.header-actions{gap:var(--nav-gap)}
.global-search+.header-actions{margin-left:calc(var(--nav-gap) - 25px)}
@media(max-width:1100px){.global-search+.header-actions{margin-left:calc(var(--nav-gap) - 18px)}}
@media(max-width:767px){.global-search+.header-actions{margin-left:auto}}
.account-button{width:36px;height:36px;margin:0;position:relative}.account-button::before{content:"";position:absolute;inset:-4px}.account-button>span{width:36px;height:36px}
/* Nettsiden kunden ser. Grunnmal etter docs/nettbutikkdesign.md: farger og flater er designvariabler,
   så en senere profilfarge eller et mørkt preg bare bytter variablene. Standarden er rolig og nøytral;
   Rips' havblå og korall hører til plattformen, ikke til butikkene. Knappeteksten har god kontrast. */
[data-realm=member]{--accent:#27403f;--accent-ink:#fff;--accent-soft:#eef2ef;--paper:#fbfaf7;--ink:#1f2b2a;--muted:#6b7674;--line:#e4e6e1;--primary:var(--accent);background:var(--paper);color:var(--ink);min-height:100dvh}
[data-realm=member] .button{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}[data-realm=member] .button.secondary{background:transparent;color:var(--accent)}
.store-header{background:var(--paper);border-bottom:1px solid var(--line)}.store-header-inner{max-width:1100px;min-height:72px;padding:12px 20px}
.store-name{display:flex;align-items:center;gap:12px;font:700 20px/1.2 Geist,sans-serif;letter-spacing:-.01em}
.store-mark{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:18px;font-weight:700}
.storefront{max-width:1100px;margin:0 auto;padding:20px 20px 56px}
.store-cover{position:relative;display:grid;align-items:end;min-height:200px;overflow:hidden;border-radius:18px;background:var(--accent-soft)}
.store-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.store-cover.has-image{min-height:clamp(320px,48vw,480px)}.store-cover.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#00000066,#00000014 70%)}.store-cover.has-image .store-cover-text{text-shadow:0 1px 12px #00000073;background:linear-gradient(to top,#000000a6,#00000094 calc(100% - 44px),#0000)}
.store-cover-text{position:relative;z-index:1;padding:clamp(22px,4vw,40px)}.store-cover.has-image .store-cover-text{color:#fff}
.store-cover h1{margin:0 0 10px;max-width:15em;font:750 clamp(30px,5.4vw,54px)/1.06 Nunito,Geist,sans-serif;letter-spacing:-.025em}
.store-cover p{max-width:34em;font-size:clamp(16px,1.8vw,19px);line-height:1.5}
.store-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:18px 0 44px;padding:0 28px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:650}.store-cta:hover{text-decoration:none;background:var(--accent-hover)}
.store-section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 20px;margin-bottom:6px}.store-section-head h2{margin:0;font-size:24px;letter-spacing:-.01em}
.store-selection .view-tabs{border-bottom:0;margin:0}.store-selection .view-tabs a:hover{color:var(--accent)}.store-selection .view-tabs a[aria-current=page]{border-bottom-color:var(--accent)}
.store-products{margin-top:18px}.store-card img,.product-placeholder{border-radius:14px;background:var(--accent-soft)}
.store-card-body{padding:12px 2px}.store-card h3{margin:0 0 3px;font-size:16px;font-weight:600}.store-card-meta{min-height:1.4em;font-size:13px;color:var(--muted)}.store-price{margin-top:6px;font-weight:600}
.store-card>a:hover h3{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}
@media(max-width:767px){.store-cta{display:flex;width:100%}.storefront{padding:14px 16px 44px}.store-header-inner{padding:10px 16px}.store-name{font-size:18px}}
/* Utledede farger: svak aksentflate og lesbar aksenttekst følger profilfargen. */
[data-realm=member]{--accent-soft:color-mix(in srgb,var(--accent) 13%,var(--paper));--accent-text:var(--accent)}
[data-realm=member] a,.store-selection .view-tabs a:hover,[data-realm=member] .button.secondary{color:var(--accent-text)}.store-selection .view-tabs a{color:var(--muted)}.store-selection .view-tabs a[aria-current=page]{color:var(--ink)}
[data-realm=member] .store-name,[data-realm=member] .store-header nav a,.store-card>a{color:var(--ink)}.store-card>a:hover h3{color:var(--accent-text)}.store-cta{color:var(--accent-ink)}
/* Mørkt preg. */
[data-realm=member][data-preg=mork]{--paper:#131716;--surface:#1b201f;--ink:#edf1ef;--muted:#a4aeab;--line:#2c3432;--accent:#8fb3ad;--accent-ink:#0f1716;color-scheme:dark}
[data-preg=mork] .form-row input,[data-preg=mork] .form-row select,[data-preg=mork] .form-row textarea{background:#1f2524;color:var(--ink);border-color:#3b4543}
[data-preg=mork] .environment{background:#3a3420;color:#f1dc9a}
/* Cover til kanten: bildet går over hele bredden under toppen. */
[data-cover=kant] .store-cover{width:100vw;margin:-20px 0 0 calc(50% - 50vw);border-radius:0}
/* 100vw tar med rullefeltet der det har bredde; det som stikker ut, klippes i stedet for å gi vannrett rulling. */
body[data-cover=kant]{overflow-x:clip}
@media(max-width:767px){[data-cover=kant] .store-cover{margin-top:-14px}}
/* Uttrykk. Redaksjonell har serif i overskriftene; kompakt har lavere cover og tettere utvalg. */
[data-uttrykk=redaksjonell] main h1,[data-uttrykk=redaksjonell] main h2,[data-uttrykk=redaksjonell] .store-name{font-family:"Iowan Old Style",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.01em}
[data-uttrykk=kompakt] .store-cover.has-image{min-height:clamp(220px,30vw,300px)}[data-uttrykk=kompakt] .store-cta{margin:14px 0 26px}
@media(min-width:1001px){[data-uttrykk=kompakt] .store-products{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}}
/* Designpanelet, bare i dev og test. */
.design-panel:not([open]) form{display:none}.design-panel{overflow:hidden;color-scheme:light;position:fixed;right:14px;bottom:14px;z-index:50;max-width:min(320px,calc(100vw - 28px));background:#fff;color:#1f2b2a;border:1px solid #d9dedb;border-radius:12px;box-shadow:0 10px 30px #0000002e;font-size:13px}
.design-panel summary{cursor:pointer;padding:9px 14px;font-weight:650;list-style:none}.design-panel summary::-webkit-details-marker{display:none}.design-panel[open] summary{border-bottom:1px solid #e6e9e7}
.design-panel form{display:grid;gap:12px;padding:12px 14px 14px;max-height:70vh;overflow:auto}.design-panel fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 14px}.design-panel legend{font-weight:600;margin-bottom:6px;width:100%}
/* Panelet har egne faste farger, så lenker, knapper og fokus ikke arver butikkens profilfarge. */
.design-panel summary,.design-panel button,.design-panel a{color:#1f2b2a}.design-panel :focus-visible,[data-realm] .design-panel :focus-visible{outline:2px solid #1f2b2a;outline-offset:2px}
.design-panel label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.design-panel .small{color:#6b7674;margin:0}
.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:28px;height:28px;border-radius:50%;background:var(--swatch);position:relative}.swatch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.swatch:has(input:checked){outline:2px solid #1f2b2a;outline-offset:2px}.swatch:has(input:focus-visible){outline:3px solid #176f91;outline-offset:2px}

[data-realm=member] .store-cta{color:var(--accent-ink)}
/* Fokus på nettsiden følger lenkefargen, som alltid har minst 4,5:1 mot bakgrunnen. */
[data-realm=member] :focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
[data-realm=member] .skip-link{background:var(--paper);color:var(--accent-text)}
[data-realm=member] .text-button{color:var(--accent-text)}
[data-realm=member] .form-row :is(input,select,textarea):focus{border-color:var(--accent-text);outline:1px solid var(--accent-text);outline-offset:0}
/* Hover gjør knappen mørkere under hvit tekst og lysere under mørk, så kontrasten bare øker. */
[data-realm=member]{--accent-hover:color-mix(in srgb,var(--accent) 85%,#000);--primary-hover:var(--accent-hover)}
[data-realm=member][data-preg=mork]{--accent-hover:color-mix(in srgb,var(--accent) 85%,#fff)}
/* Handlekurven: telleren i toppen, linjene på kurvsiden og skjemaet på varesiden. */
.cart-link{display:inline-flex;align-items:center;gap:6px}.cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700}
.cart-lines{display:grid;gap:16px}.cart-line{display:grid;grid-template-columns:72px 1fr auto 96px;grid-template-areas:"img info qty total";gap:8px 16px;align-items:center}
.cart-line>img,.cart-thumb{grid-area:img;width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--accent-soft,#eef2f0)}.cart-info{grid-area:info;min-width:0}.cart-info a{font-weight:600;color:var(--ink)}.cart-qty{grid-area:qty;display:flex;align-items:center;gap:12px}.cart-line>strong{grid-area:total;text-align:right}
.cart-qty input{width:68px;padding:8px 10px;border:1px solid #bdcccf;border-radius:6px;font:inherit;background:#fff;color:var(--ink)}[data-preg=mork] .cart-qty input{background:#1f2524;border-color:#3b4543}
@media(max-width:767px){.cart-line{grid-template-columns:56px 1fr auto;grid-template-areas:"img info total" "img qty qty"}.cart-line>img,.cart-thumb{width:56px;height:56px}}
.add-to-cart{display:grid;gap:12px;justify-items:start}.add-to-cart .form-row{margin:0}.add-to-cart input{width:90px}.add-to-cart [data-cart-status]:empty{display:none}
/* Søkesiden har bare feltet i toppen; eget felt der toppfeltet er skjult, på smal skjerm. */
@media(min-width:768px){.search-form{display:none}}
/* Nettsiden på mobil: trykkflater på minst 44 px for menyen, tilbakelenken og kurvlinjene, uten at
   toppen blir høyere, og en bunntekst som står samlet under hverandre. */
@media(max-width:767px){
.store-header nav a{display:inline-flex;align-items:center;min-height:44px;margin-block:-11px}.store-header nav{padding:6px 0}
[data-realm=member] .back-link{padding-block:11px;margin-block:-11px 13px}
.cart-info a,.auth-links a{display:inline-block;padding-block:8px;margin-block:-8px}
.store-selection .view-tabs a{padding-inline:4px}
.store-footer{flex-direction:column;gap:6px}.store-footer a{padding-block:10px;margin-block:-4px -10px}
}
/* Lange ord i navn og overskrifter deles i stedet for å stikke ut av kortet. */
[data-realm=member] :is(h1,h2,h3,.store-name,.store-card-meta,.cart-info a){overflow-wrap:break-word;hyphens:auto}
/* Vare-, kurs- og innloggingssidene står i samme bredde som toppen og forsiden. */
[data-realm=member] .page-content:not(.reading-width){max-width:1100px;padding-inline:20px}
.store-footer{align-items:baseline}
@media(max-width:767px){[data-realm=member] .page-content:not(.reading-width){padding-inline:16px}}
/* Meldinger på en bestilling, på kvitteringen og i Rips. Egne meldinger til høyre, de andres til venstre. */
.thread-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.thread-message{max-width:min(560px,88%);justify-self:start;padding:10px 14px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--surface)}
.thread-message.mine{justify-self:end;border-radius:14px 14px 4px 14px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,var(--line))}
[data-realm=member] .thread-message.mine{background:var(--accent-soft);border-color:var(--accent-soft)}
.thread-meta{margin:0 0 4px;font-size:13px;color:var(--muted)}.thread-meta strong{color:var(--ink);font-weight:600}
.thread-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.thread-picture{display:block;margin-top:8px}.thread-picture img{max-width:100%;max-height:320px;width:auto;height:auto;border-radius:10px}
.thread-empty{color:var(--muted)}
.thread-images{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.thread-images p{width:100%;margin:0}
.thread-thumb img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.thread-preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.thread-preview img{width:72px;height:72px;object-fit:cover;border-radius:8px}
.thread-form textarea{min-height:84px;resize:vertical}
.thread-attach input:focus-visible+label{outline:2px solid var(--primary);outline-offset:3px}
[data-realm=member] .thread-attach input:focus-visible+label{outline-color:var(--accent-text)}
.unread-messages{margin-bottom:var(--panel-gap)}
/* Størrelser og farger: valgene som knapper på nettsiden, og lageret per kombinasjon i Rips. */
.variant-choice{display:grid;gap:12px;margin-bottom:14px}
.chips{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chips legend{font-weight:600;margin-bottom:6px;padding:0}
.chip{position:relative;display:inline-flex}.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:550}
.chip input:checked+span{border-color:var(--accent-text,var(--primary));box-shadow:inset 0 0 0 1px var(--accent-text,var(--primary))}
.chip input:focus-visible+span{outline:2px solid var(--accent-text,var(--primary));outline-offset:2px}
.chip.sold-out span{color:var(--muted);text-decoration:line-through;background:transparent}.chip input:disabled+span{cursor:not-allowed}
/* Lagerkortet: ett tall, eller farger og størrelser med ett tall per kombinasjon, gruppert etter det
   første valget. */
.stock-card{border:0;padding:0;margin:0 0 18px;min-width:0}.stock-card legend{font-weight:600;margin-bottom:4px;padding:0}
.stock-table{display:grid}.stock-group{font-size:15px;margin:14px 0 2px}
.stock-line{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.stock-line .badge{margin-left:8px}.stock-line p{margin:2px 0 0}
.stock-line input[type=number]{width:100%;min-width:0;padding:8px 10px;background:#fff;color:var(--ink);border:1px solid #bdcccf;border-radius:6px}
.stock-line input[type=number]:focus{border-color:var(--primary);outline:1px solid var(--primary);outline-offset:0}
.stock-left{margin:0;font-weight:600}.stock-left:empty{display:none}
.option-block{padding:14px 0;border-bottom:1px solid var(--line)}.option-block:first-child{padding-top:0}
.option-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.option-head h3{margin:0;font-size:16px;margin-right:auto}
.option-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.option-add p{margin:0}.option-add-buttons{display:flex;flex-wrap:wrap;gap:8px}
/* Eget motiv: trykkfeltet i Rips og editoren og forhåndsvisningen for kunden. */
.design-settings{border:0;padding:0;margin:0 0 18px;min-width:0}.design-settings legend{font-weight:600;margin-bottom:6px;padding:0}
.design-fields{display:grid;gap:10px;margin-top:10px}
.area-editor{position:relative;max-width:420px;touch-action:none;cursor:crosshair;user-select:none;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.area-editor img{display:block;width:100%;height:auto;pointer-events:none}
.area-box{position:absolute;border:2px dashed var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);cursor:move;box-shadow:0 0 0 1px #fff}
.form-row.narrow{max-width:260px}
.design-editor{padding:0 0 16px;border-bottom:1px solid var(--line);margin-bottom:16px}[data-realm=member] input[type=range]{accent-color:var(--accent-text)}
.design-canvas{display:block;width:100%;max-width:520px;height:auto;border-radius:12px;background:var(--accent-soft,#eef2f0);touch-action:none}
.design-editor .design-canvas{cursor:grab}.design-editor .design-canvas:active{cursor:grabbing}
.design-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.design-controls .form-row{flex:1 1 220px;margin:0}.design-controls input[type=range]{width:100%}
[data-design-quality].warning{color:#9a4a00;font-weight:550}[data-preg=mork] [data-design-quality].warning{color:#f0b46a}
.design-cta{margin-top:8px}
/* Rips nede til høyre på nettsiden: bare bærene, med «Laget med Rips» som navn og hjelpetekst. */
.store-footer .store-made{display:inline-flex;align-self:center;margin:-11px -11px -11px auto;padding:11px;opacity:.7}.store-footer .store-made:hover,.store-footer .store-made:focus-visible{opacity:1}
.store-made img{width:22px;height:22px}
@media(max-width:767px){.store-footer .store-made{align-self:flex-end;margin:-11px -11px -11px 0}}
/* Konto og handlekurv som ikoner øverst til høyre. Innlogget er personen fylt. Telleren sitter på posen. */
.store-actions{display:flex;align-items:center;gap:2px;margin:-6px -8px}
.store-icon,[data-realm=member] .store-icon{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;color:var(--ink);text-decoration:none}
.store-icon:hover{background:var(--accent-soft);text-decoration:none}
.store-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.store-icon.signed-in svg{fill:currentColor}
.store-icon .cart-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:1}
/* Fargesirkler på fargevalg. Ringen gjør hvitt synlig på lys bakgrunn og svart på mørk; uten farge er sirkelen tom. */
.swatch-dot{width:16px;height:16px;margin-right:8px;flex:none}
.swatch-dot circle{stroke:color-mix(in srgb,var(--ink) 35%,transparent);stroke-width:1}
.swatch-dot.unset circle{fill:none;stroke-dasharray:2 2}
.color-pick{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:10px}
.color-pick input{width:36px;height:36px;padding:0;border:0;background:none;cursor:pointer}
.color-pick.unset input{opacity:.35}
/* Eget motiv på varesiden: forhåndsvisningen står der produktbildet ellers står. I kassen er et motiv
   fra varesiden vist kompakt, og kontrollene kommer fram med «Endre motiv». */
.design-stage .design-canvas{max-width:none;aspect-ratio:1}
.design-editor.compact .design-file-row,.design-editor.compact .design-controls{display:none}
.design-editor:not(.compact) [data-design-change]{display:none}
.design-editor.compact .design-canvas{max-width:280px}
/* Motivene kunden har prøvd: miniatyrer å bytte mellom, med × for å fjerne. */
.motif-strip{display:flex;flex-wrap:wrap;gap:10px}
.motif-item{position:relative;display:inline-flex}
.motif-pick{width:64px;height:64px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.motif-pick img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.motif-pick[aria-pressed=true]{border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text)}
.motif-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center}
.motif-remove::before{content:"";position:absolute;inset:-9px}
/* Varer og Kurs midt i toppen, med miljømerket ved siden av; navnet til venstre og ikonene til høyre.
   På mobil står navn og ikoner øverst, og menyen på raden under. */
.store-center{display:flex;align-items:center;gap:25px}
@media(min-width:768px){.store-header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}.store-name{min-width:0}.store-actions{justify-self:end}}
@media(max-width:767px){.store-center{order:3;flex-basis:100%;gap:16px;padding:6px 0}.store-header .store-center nav{order:0;flex-basis:auto;padding:0}}
.design-panel-actions{display:flex;justify-content:space-between;gap:12px}
.option-colors{display:grid;gap:8px}.color-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.value-image{display:inline-flex;align-items:center;gap:10px}.value-image img{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}

.store-seller p{margin:2px 0}.terms{max-width:720px}.terms h2{font-size:20px;margin:28px 0 8px}.terms p{line-height:1.6}.terms .withdrawal{border:1px solid var(--line);border-radius:10px;padding:var(--panel-pad-y,19px) var(--panel-pad-x,24.5px)}
/* Logoen på nettsiden: navnelogoen erstatter merket og navnet, og et opplastet merke erstatter bokstaven. */
.store-wordmark{display:block;height:38px;width:auto;max-width:min(62vw,340px);object-fit:contain;object-position:left center}.store-wordmark.for-dark{display:none}[data-preg=mork] .store-wordmark.for-light{display:none}[data-preg=mork] .store-wordmark.for-dark{display:block}.store-mark-image{flex:none;width:40px;height:40px;border-radius:11px;object-fit:cover}
@media(max-width:767px){.store-wordmark{height:30px}}
.front-logo{border:0;padding:0;margin:0;display:grid;gap:14px}.front-logo legend{font-weight:600;margin-bottom:4px}.logo-slot{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.logo-slot>div{display:grid;gap:4px;justify-items:start}.logo-preview{width:120px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px}.logo-preview.on-dark{background:#131716}
@media(max-width:767px){.logo-slot{grid-template-columns:1fr}}
.logo-preview:not([src]){border-style:dashed}
.test-item.done{opacity:.6}.test-item.done h2{text-decoration:line-through}.test-done{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:14px}.test-done input{width:18px;height:18px;accent-color:var(--primary)}.test-steps{margin:0;padding-left:22px;display:grid;gap:6px;line-height:1.5}.test-links a{white-space:nowrap}