:root{--ink:#161616;--muted:#71716d;--line:#e6e3dd;--paper:#faf9f6;--green:#315c42;--gbg:#edf4ef;--red:#973e38}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.shell{width:min(760px,100% - 32px);margin:auto;padding:24px 0 60px}header{height:44px;display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.logo{font-weight:850;font-size:14px;letter-spacing:.15em;color:var(--ink);text-decoration:none}.intro{margin:40px 0 24px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--muted)}h1,h2,p{margin-top:0}h1{font:500 39px/1.12 Georgia,serif;letter-spacing:-.025em;margin-bottom:10px}.intro p:last-child,.card>p{color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin:14px 0}.card h2{font:500 24px Georgia,serif;margin-bottom:8px}.card>p{font-size:13px}.order-head{display:flex;justify-content:space-between;gap:15px}.order-head p{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;font-weight:650;margin:12px 0}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:5px;padding:11px 12px;border:1px solid #d6d2ca;border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:14px}textarea{min-height:72px;resize:vertical}.button{border:0;background:var(--ink);color:white;padding:12px 17px;border-radius:8px;font-weight:650;cursor:pointer;margin-top:10px}.text-button{background:none;border:0;text-decoration:underline;color:var(--muted);font:inherit;cursor:pointer}.product{padding:15px 0;border-top:1px solid var(--line)}.product-top{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:start}.product-top input{margin-top:5px}.product-title{font-weight:650}.product-meta{font-size:12px;color:var(--muted)}.product-attributes{font-size:12px;margin-top:5px}.disabled-note{font-size:11px;color:var(--red)}.product-fields{margin-left:32px}.hidden{display:none!important}fieldset{border:0;border-top:1px solid var(--line);padding:14px 0 0;margin:18px 0 0}legend{padding:0 8px 0 0;font-weight:700;font-size:13px}.choice{display:flex;align-items:flex-start;gap:10px;margin:10px 0;padding:11px;border:1px solid var(--line);border-radius:9px;font-weight:400;cursor:pointer}.choice:has(input:checked){border-color:#777;background:#fcfbf9}.choice input{margin:4px 0 0}.choice b,.choice small{display:block}.choice b{font-size:13px}.choice small{font-size:11px;color:var(--muted);margin-top:2px}.fit-note,.success{background:var(--gbg);color:var(--green);border-radius:9px;padding:13px;margin:16px 0;font-size:13px}.summary{font-size:13px;margin:14px 0;color:var(--muted)}.error{font-size:12px;color:var(--red);margin-top:10px}footer{font-size:12px;text-align:center;color:var(--muted);margin:24px}footer a{color:inherit}@media(max-width:540px){.shell{width:min(100% - 24px,760px)}.card{padding:17px}h1{font-size:33px}.order-head{align-items:start}}

/* Product thumbnails and clearer exchange selection */
.product-top{grid-template-columns:22px 54px minmax(0,1fr) auto}
.product-info{min-width:0}
.product-thumbnail,.product-thumbnail-placeholder{width:54px;height:54px;border-radius:8px;background:#f5f4f1;object-fit:contain;display:block}
.product-thumbnail-placeholder{border:1px solid var(--line)}
.choice input{accent-color:var(--green)}
.choice:has(input:checked){border-color:var(--green);background:var(--gbg)}
.choice.exchange-choice:has(input:checked){border:2px solid var(--green);box-shadow:inset 4px 0 0 var(--green);background:#edf4ef}
.exchange-select{margin:16px 0;padding:18px;background:#f5f7f3;border:1px solid #d5e2d6;border-radius:12px}
.exchange-panel-heading{display:grid;gap:3px;margin-bottom:12px}
.exchange-panel-heading>b{font-size:16px}
.exchange-panel-heading>small{font-size:12px;color:var(--muted)}
.exchange-step{font-size:10px;font-weight:750;letter-spacing:.14em;color:var(--green)}
.exchange-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;background:white;border:1px solid var(--line);border-radius:10px}
.exchange-thumbnail{width:64px;height:64px;flex:0 0 64px;border-radius:7px;background:#f5f4f1;object-fit:contain}
.exchange-preview-title,.exchange-preview-variant{display:block}
.exchange-preview-title{font-weight:700;font-size:13px}
.exchange-preview-variant{font-size:12px;color:var(--muted);margin-top:3px}
@media(max-width:540px){.product-top{grid-template-columns:20px 48px minmax(0,1fr) auto}.product-thumbnail,.product-thumbnail-placeholder{width:48px;height:48px}.product-top>.product-meta{grid-column:4;white-space:nowrap}}

/* Guided returns and exchange review */
.steps{display:flex;justify-content:space-between;gap:6px;margin:18px 0 4px;color:var(--muted);font-size:10px}
.steps span{padding:7px 8px;background:#f1f0ec;border-radius:999px;white-space:nowrap}
.step-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.step-section h3{font:600 19px/1.3 system-ui,sans-serif;margin:0 0 4px}
.helper{font-size:13px;color:var(--muted);margin:0 0 10px}
#intent-choice{border-top:0;margin-top:8px;padding-top:4px}
#intent-choice legend,.step-section legend{font-size:16px}
.choice:has(input:checked){border-color:var(--green);background:var(--gbg);box-shadow:inset 3px 0 var(--green)}
.product-fields{padding:10px 0 0 0;display:grid;grid-template-columns:1fr 1.4fr;gap:2px 14px}
.product-fields.hidden{display:none}
.product-fields label:last-child{grid-column:1/-1}
.exchange-builder{background:#f5f7f3;border:1px solid #d5e2d6;border-radius:12px;padding:15px}
.exchange-builder label{margin-top:5px}
.exchange-preview{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px;background:white;border:1px solid var(--line);border-radius:10px}
.exchange-thumbnail{width:64px;height:64px;flex:0 0 64px;border-radius:8px;background:#f5f4f1;object-fit:contain}
.exchange-preview b,.exchange-preview small{display:block}
.exchange-preview b{font-size:14px}
.exchange-preview small{color:var(--muted);font-size:12px}
.add-exchange-row{display:flex;align-items:end;gap:10px}
.add-exchange-row label{width:110px;flex:0 0 110px}
.secondary-button{min-height:42px;margin:5px 0 12px;background:white;color:var(--green);border:1px solid var(--green);border-radius:8px;padding:9px 13px;font:600 13px system-ui,sans-serif;cursor:pointer}
.secondary-button:disabled{opacity:.45;cursor:not-allowed}
.exchange-cart{margin-top:14px}
.exchange-cart h4{margin:0 0 8px;font-size:14px}
.empty-cart{color:var(--muted);font-size:13px;padding:12px;border:1px dashed var(--line);border-radius:9px}
.exchange-cart-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.exchange-cart-item img,.exchange-cart-item>.product-thumbnail-placeholder{width:54px;height:54px;object-fit:contain;border-radius:8px;background:#f5f4f1}
.exchange-cart-item b,.exchange-cart-item small{display:block}
.exchange-cart-item b{font-size:13px}
.exchange-cart-item small{font-size:11px;color:var(--muted)}
.exchange-cart-item strong{font-size:12px;white-space:nowrap}
.remove-exchange{grid-column:2/-1;justify-self:start;border:0;background:none;color:var(--red);padding:0;font:12px system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.review-summary{margin:18px 0;padding:17px;background:#f7f7f4;border:1px solid var(--line);border-radius:12px}
.review-summary h3{font:600 19px system-ui,sans-serif;margin:0 0 12px}
.review-block{border-top:1px solid var(--line);padding:9px 0}
.review-block>b{font-size:13px}
.review-block ul{margin:5px 0 0;padding-left:19px;font-size:13px}
.review-block li{margin:4px 0}
.review-block li span{float:right;color:var(--muted)}
.review-block p{margin:4px 0;font-size:13px}
.balance{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0;padding:12px;border-radius:9px;font-size:13px}
.balance strong{font-size:17px;white-space:nowrap}
.balance.due{background:#fbefed;color:#8c332d}
.balance.credit{background:var(--gbg);color:var(--green)}
.balance.even{background:#eeefef;color:var(--ink)}
.estimate-note{margin:10px 0 0;font-size:11px;color:var(--muted)}
.submit-button{width:100%;font-size:15px}
.product-pending{margin:8px -8px;padding:15px 8px;border:1px solid #e0aaa5;border-radius:10px;background:#fff5f4}
.product-pending .product-title{color:#7c2924}
.product-pending .product-check{accent-color:var(--red)}
.product-pending .disabled-note{font-weight:650}
.submission-confirmation{margin:18px 0;padding:19px;background:var(--gbg);border:1px solid #c9ddce;border-radius:12px;color:var(--green)}
.submission-confirmation strong{display:block;font-size:19px}
.submission-confirmation p{margin:7px 0 0;font-size:13px}
.submission-confirmation .confirmation-number{font-weight:650}
.solution-details{margin:14px 0;padding:15px;background:#f7f7f4;border:1px solid var(--line);border-radius:10px}.return-reason-row{margin:12px 0;padding:12px;background:#fbfaf8;border:1px solid var(--line);border-radius:9px}.return-reason-row>b{display:block;font-size:13px;margin-bottom:8px}.warranty-choice:has(input:checked){border:2px solid var(--green);background:var(--gbg)}
@media(max-width:540px){.steps{flex-wrap:wrap;justify-content:flex-start}.steps span{font-size:9px}.product-fields{grid-template-columns:1fr}.product-fields label:last-child{grid-column:auto}.exchange-cart-item{grid-template-columns:48px minmax(0,1fr) auto}.exchange-cart-item img,.exchange-cart-item>.product-thumbnail-placeholder{width:48px;height:48px}.balance{align-items:flex-start}.balance strong{font-size:15px}}

/* One clear return step at a time */
.wizard-progress{margin:20px 0 4px;padding:17px 18px 12px;background:#fff;border:1px solid var(--line);border-radius:12px}
.wizard-progress-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.wizard-progress-top span:first-child{font-weight:700;color:var(--green)}
.wizard-progress-top span:last-child{font-weight:650;color:var(--ink)}
.progress-track{height:4px;margin:12px 0;background:#eeede9;border-radius:99px;overflow:hidden}
.progress-track span{display:block;width:20%;height:100%;background:var(--green);border-radius:99px;transition:width .2s ease}
.steps{display:flex;justify-content:space-between;gap:5px;margin:0;color:var(--muted)}
.steps span{padding:4px 7px;background:transparent;color:var(--muted);font-size:10px}
.steps span.current{color:var(--green);font-weight:750;background:var(--gbg)}
.steps span.complete{color:var(--ink)}
.steps span.unavailable{opacity:.42}
.wizard-page{min-height:210px;margin:16px 0 0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px}
.wizard-page h3{font-size:21px}
.wizard-page legend{padding-top:3px;font-size:21px}
.wizard-nav{display:flex;justify-content:space-between;gap:12px;margin:14px 0 4px}
.wizard-nav .button,.wizard-nav .secondary-button{min-width:110px;margin:0}
.wizard-nav .button{margin-left:auto}
.wizard-error:empty{display:none}
.exchange-choice{border-color:#d4dfd3}
.submit-button{margin-top:14px}
@media(max-width:540px){.wizard-progress{padding:14px 12px 9px}.steps{gap:0}.steps span{font-size:9px;padding:4px 3px}.wizard-page{padding:17px;min-height:180px}.wizard-progress-top{font-size:11px}}

/* Replacement search results as product cards */
.exchange-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.exchange-results-heading,.exchange-search-empty{grid-column:1/-1;margin:0;color:var(--muted);font-size:13px}
.exchange-product-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}
.exchange-product-image,.exchange-product-image-placeholder{display:block;width:100%;height:132px;object-fit:contain;background:#fff}
.exchange-product-image-placeholder{border-bottom:1px solid var(--line)}
.exchange-product-body{padding:12px}
.exchange-product-title{min-height:40px;font-weight:700;font-size:13px;line-height:1.4}
.exchange-product-options{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.exchange-card-option{margin:8px 0 0;font-size:11px}
.exchange-card-option select{padding:8px 9px;font-size:12px}
.exchange-product-availability{min-height:18px;margin-top:8px;color:var(--muted);font-size:11px}
.exchange-product-actions{display:flex;align-items:end;gap:8px;margin-top:5px}
.exchange-product-actions label{width:72px;flex:0 0 72px;margin:0;font-size:11px}
.exchange-product-actions input{padding:8px!important;font-size:12px!important}
.exchange-product-actions .secondary-button{flex:1;min-width:0;margin:0;padding:9px 8px;font-size:11px}
@media(max-width:600px){.exchange-results{grid-template-columns:1fr}.exchange-product-card{display:grid;grid-template-columns:104px minmax(0,1fr)}.exchange-product-image,.exchange-product-image-placeholder{height:100%;min-height:150px}.exchange-product-body{padding:10px}.exchange-product-title{min-height:0}.exchange-product-options{gap:0 6px}}
.exchange-balance:empty{display:none}
.exchange-balance{margin-top:12px}
.exchange-balance-result{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border-radius:10px;font-size:13px}
.exchange-balance-result.due{background:#fbefed;color:#8c332d}
.exchange-balance-result.credit{background:var(--gbg);color:var(--green)}
.exchange-balance-result.even{background:#eeefef;color:var(--ink)}
.exchange-balance-result b,.exchange-balance-result small{display:block}
.exchange-balance-result small{margin-top:3px;font-size:11px;color:inherit;opacity:.8}
.exchange-balance-result strong{font-size:17px;white-space:nowrap}
@media(max-width:540px){.exchange-balance-result{align-items:flex-start;padding:11px}.exchange-balance-result strong{font-size:15px}}
.fit-reason-note{display:block;margin:6px 0 12px;padding:9px 11px;border-radius:8px;background:var(--gbg);color:var(--green);font-size:12px}
.return-reason-row optgroup{font-weight:700;color:var(--green)}
.return-reason-row optgroup option{font-weight:500;color:var(--ink)}
.product-reason{grid-column:1/-1;margin:8px 0 2px;padding:12px 14px;border:1px solid #e2e0da;border-radius:9px;background:#faf9f6}
.product-reason>label{margin:0;font-size:12px}
.product-reason select{max-width:100%}
.product-reason .custom-reason{margin-top:10px}
.product-reason optgroup{font-weight:700;color:var(--green)}
.product-reason optgroup option{font-weight:500;color:var(--ink)}
.network-loading{position:sticky;top:0;z-index:5;margin:8px 0 12px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--green);font-size:12px;box-shadow:0 4px 14px #16161612}
.network-loading-track{height:4px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e8eee9}
.network-loading-track i{display:block;width:38%;height:100%;border-radius:99px;background:var(--green);animation:network-loading 1.15s ease-in-out infinite}
@keyframes network-loading{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}
.product-delivery-note{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.product-cancel-note{margin-top:5px;color:var(--muted);font-size:11px}
.product-cancel-note a{color:var(--green);font-weight:650}

.return-faq{margin:14px 0 20px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.return-faq>summary{padding:17px 20px;cursor:pointer;list-style:none;font-weight:700;color:var(--green)}.return-faq>summary::-webkit-details-marker{display:none}.return-faq-content{padding:0 19px 13px;border-top:1px solid var(--line)}.return-faq-content details{border-bottom:1px solid var(--line)}.return-faq-content details:last-child{border-bottom:0}.return-faq-content details>summary{position:relative;padding:13px 26px 13px 0;cursor:pointer;color:var(--ink);font-size:13px;font-weight:650;list-style:none}.return-faq-content details>summary::after{content:"＋";position:absolute;right:2px;color:var(--green);font-size:17px;font-weight:500}.return-faq-content details[open]>summary::after{content:"−"}.return-faq-content details p{margin:0;padding:0 20px 14px 0;color:var(--muted);font-size:13px;line-height:1.6}.return-faq-content a{color:var(--green);font-weight:650}@media(max-width:540px){.return-faq>summary{padding:14px}.return-faq-content{padding:0 14px 10px}}
.exchange-order-status{margin-top:5px;color:var(--green)}

/* Beito storefront palette and visible black brand mark */
:root{--ink:#262421;--muted:#625f5a;--line:#e2ddd6;--paper:#fff;--green:#bc6e22;--gbg:#eaf6f5;--red:#923f3a}
body{background:#fff;color:var(--ink)}
.shell>header{height:58px;gap:14px;border-bottom:2px solid #bc6e22;color:#625f5a}
.logo{display:inline-flex;align-items:center;line-height:0}
.portal-logo{display:block;width:110px;height:55px;max-width:110px;object-fit:contain;object-position:left center;aspect-ratio:2/1;filter:brightness(0)}
.button{background:#bc6e22;color:#fff}
.button:hover{background:#a65f1d}
.progress-track span{background:#bc6e22}
.steps span[aria-current=step],.steps span.active{background:#eaf6f5;color:#315c5a}
.choice:has(input:checked){border-color:#bc6e22;background:#fff7ef;box-shadow:inset 3px 0 #bc6e22}
.choice input{accent-color:#bc6e22}
.choice-disabled{opacity:.68;cursor:not-allowed}
.choice-disabled input{cursor:not-allowed}
.fit-note,.success{background:#eaf6f5;color:#315c5a}
.return-faq>summary,.return-faq-content details>summary{color:#262421}
.return-faq>summary{border-left:4px solid #bc6e22}
.return-faq>summary::-webkit-details-marker{display:none}
.return-faq-content details>summary::after,.return-faq>summary:after{color:#bc6e22}
.return-faq{background:#fff;border-color:#e2ddd6}
@media(max-width:540px){.shell>header{height:54px}.portal-logo{width:96px;height:48px;max-width:96px}}





/* Mein Beito customer account layout */
body.account-page{--account-accent:#bc6e22;--account-soft:#fbf8f4;background:#fff}
.account-page .shell{width:min(1040px,100% - 40px);padding-top:30px}
.account-page .shell>header{height:68px;gap:18px;border-bottom:2px solid var(--account-accent);font-size:14px}
.account-page .portal-logo{width:132px;height:66px;max-width:132px}
.account-home{padding:0 0 44px}
.account-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 0 22px}
.account-welcome .eyebrow{margin:0 0 12px;color:var(--account-accent);font-size:11px;letter-spacing:.17em}
.account-welcome h2{margin:0 0 12px;font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.025em}
.account-welcome p:not(.eyebrow){margin:0;color:var(--muted);font-size:16px}
.account-shop-link{flex:0 0 auto;color:var(--account-accent);font-weight:650;text-decoration:none}
.account-shop-link:hover{text-decoration:underline}
.account-tabs{display:flex;gap:8px;margin:3px 0 22px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.account-tab{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:10px 17px;font:600 14px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.account-tab:hover{border-color:var(--account-accent);color:#8d4c14}
.account-tab.active{border-color:var(--account-accent);background:var(--account-accent);color:white}
.account-tab:focus-visible,.account-order-open:focus-visible,.dog-card:focus-visible{outline:3px solid #bc6e2255;outline-offset:2px}
.account-section{margin:0 0 22px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 14px #26242108}
.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}
.account-section-heading h3{margin:0 0 5px;font-size:22px;line-height:1.25;letter-spacing:-.015em}
.account-section-heading p{margin:0;color:var(--muted);font-size:13px}
.account-count{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:var(--account-soft);color:#865019;font-size:12px;font-weight:700}
.account-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 20px;margin:12px 0;padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.account-order:hover{border-color:#d8b894;box-shadow:0 4px 14px #2624210b}
.account-order-top{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #efede9}
.account-order-top>div{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.account-order-number{font-size:16px;font-weight:750;color:var(--ink)}
.account-order-date{font-size:12px;color:var(--muted)}
.account-order-top>strong{white-space:nowrap;font-size:16px}
.account-order-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;text-transform:capitalize}
.account-status{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;background:#f2f1ed;color:#4f4b45;font-size:11px;font-weight:700}
.account-order-items{grid-column:1/-1;margin:0;color:#4e4b46;font-size:13px;line-height:1.55}
.account-order-open{justify-self:start;min-height:38px;margin:0;padding:8px 13px;border:1px solid #d7c7b6;border-radius:8px;background:#fff;color:#8d4c14;font:650 13px system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer}
.account-order-open:hover{border-color:var(--account-accent);background:var(--account-soft)}
.more-orders{display:block;margin:18px auto 0}
.account-empty{padding:24px;border:1px dashed #d7cfc5;border-radius:12px;background:#fcfbf9;text-align:center}
.account-empty strong{font-size:16px}
.account-empty p{margin:7px 0 14px;color:var(--muted);font-size:13px}
.account-order-detail .account-back-link{margin:0 0 18px;color:#8d4c14}
.account-order-detail-heading{padding-bottom:16px;border-bottom:1px solid var(--line)}
.account-order-detail-heading h3{margin:3px 0 5px;font-size:24px}
.account-order-detail-heading>p:last-child{margin:0;color:var(--muted);font-size:13px}
.account-order-detail-status{display:flex;gap:9px;align-items:center;margin:15px 0;color:var(--muted);font-size:13px;text-transform:capitalize}
.account-order-detail-content h4,.account-order-detail-content>h4{margin:19px 0 8px;font-size:16px}
.account-order-detail-items{margin:0;padding:0;list-style:none}
.account-order-detail-items li{padding:11px 0;border-top:1px solid #efede9;font-size:13px}
.account-order-return-action{margin:20px 0 0;padding:17px;border-radius:11px;background:var(--account-soft)}
.account-order-return-action p{margin:0 0 4px;font-size:13px;font-weight:650}
.account-order-return-action .button{margin-top:9px}
.dogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}
.dog-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:17px 12px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);font:inherit;cursor:pointer}
.dog-card:hover{border-color:#d8b894;background:#fcfbf9}
.dog-avatar{display:grid;width:84px;height:84px;place-items:center;border-radius:50%;object-fit:cover;background:#f5eee6}
.dog-avatar-empty{font-size:34px}
.dog-card-name{font-size:14px;font-weight:700}
.dog-form{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fcfbf9}
.dog-photo-upload{padding:15px;border:1px dashed #d7cfc5;border-radius:10px;background:white}
.dog-photo-upload small{display:block;margin-top:5px;color:var(--muted);font-weight:400}
.dog-photo-preview img{max-width:160px;max-height:160px;border-radius:12px;object-fit:cover}
.dog-details-heading,.dog-wardrobe h4,.dog-unassigned h4{margin:20px 0 8px;font-size:16px}
.dog-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
.dog-guides details{border:1px solid var(--line);border-radius:9px;background:#fff}
.dog-guides summary{padding:11px 13px;cursor:pointer;font-size:12px;font-weight:650}
.dog-guides video{display:block;width:100%;max-height:240px}
.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px}
.wardrobe-item{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.wardrobe-item-image img{width:68px;height:68px;object-fit:contain;border-radius:7px;background:#f7f6f3}
.wardrobe-item-info{min-width:0}
.wardrobe-item-info strong,.wardrobe-item-info small{display:block}
.wardrobe-item-info strong{font-size:12px}
.wardrobe-item-info small{margin-top:3px;color:var(--muted);font-size:11px}
.wardrobe-item-info select{padding:7px 8px!important;font-size:12px!important}
.wardrobe-empty{padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:12px}
#profile-form,.dog-form{font-size:13px}
.account-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}
.account-page .span-2{grid-column:1/-1}
.account-page .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.account-note{margin:14px 0;color:var(--muted);font-size:12px}
.account-page input:not([type=radio]):not([type=checkbox]),.account-page select,.account-page textarea{border-color:#d9d4cc;border-radius:8px}
.account-page input[readonly]{background:#f5f4f1;color:var(--muted)}
.danger-button{min-height:40px;margin-right:auto;padding:9px 13px;border:1px solid #e0c9c7;border-radius:8px;background:white;color:var(--red);font:600 13px system-ui,sans-serif;cursor:pointer}
.account-page footer{margin-top:26px}
@media(max-width:650px){.account-page .shell{width:min(100% - 24px,1040px);padding-top:17px}.account-page .shell>header{height:56px}.account-page .portal-logo{width:104px;height:52px}.account-welcome{display:block;padding:22px 0 17px}.account-welcome p:not(.eyebrow){font-size:14px}.account-shop-link{display:inline-block;margin-top:13px}.account-tabs{gap:6px;overflow-x:auto}.account-tab{flex:0 0 auto;padding:9px 13px;font-size:12px}.account-section{padding:16px;border-radius:13px}.account-section-heading{align-items:flex-start}.account-section-heading h3{font-size:19px}.account-section-heading p{font-size:12px}.account-order{padding:14px;gap:10px}.account-order-top>div{display:grid;gap:2px}.account-order-top>strong{font-size:14px}.account-order-items{font-size:12px}.account-order-open{font-size:12px}.dogs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dog-guides{grid-template-columns:1fr}.account-page .form-grid{grid-template-columns:1fr}.account-page .span-2{grid-column:auto}.account-page .form-actions{flex-wrap:wrap}.account-page .form-actions .button{flex:1}.wardrobe-grid{grid-template-columns:1fr}}
@media(max-width:380px){.account-welcome h2{font-size:24px}.account-order-top{display:grid}.account-order-top>strong{justify-self:start}.account-order-details{align-items:flex-start;flex-direction:column}}
