/* Waraq design system: warm paper, ink, forest, and terracotta. Logical properties keep RTL native. */
:root{--paper:#faf8f3;--surface:#fffefa;--white:#fff;--ink:#263a32;--body:#35463d;--muted:#626c60;--line:#e8e5dc;--wash:#f0eee6;--accent:#a65634;--accent-hover:#8e4528;--accent-soft:#f5e7dd;--forest:#274b3e;--forest-soft:#e8eee6;--danger:#a84242;--danger-soft:#f9eaea;--warning:#946123;--radius:14px;--radius-sm:9px;--radius-lg:24px;--shadow:0 8px 30px #2b37280a;--shadow-float:0 12px 60px #15211820;--container:1280px;--gutter:20px;--nav-height:68px;--font:"Noto Sans Arabic","Noto Kufi Arabic",Tahoma,Arial,sans-serif;--heading:var(--font);--ease:180ms ease}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:155px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}html[lang=en]{--font:"DM Sans",Arial,sans-serif;--heading:"DM Sans",Georgia,serif}html[lang=en] body{line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b88242;outline-offset:3px}input,textarea,select{width:100%;min-height:48px;background:var(--white);border:1px solid #dadbd2;border-radius:var(--radius-sm);padding:10px 13px;color:var(--ink);transition:border var(--ease),box-shadow var(--ease)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a6563410;outline:none}input::placeholder,textarea::placeholder{color:#999b91}textarea{resize:vertical;line-height:1.9}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;accent-color:var(--accent);padding:0;box-shadow:none;flex-shrink:0}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=color]{padding:4px;width:70px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);line-height:1.55;font-weight:700}h1{font-size:32px;letter-spacing:-.8px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:16px}p{color:var(--body)}img,svg{max-width:100%}.icon{flex-shrink:0;vertical-align:middle;display:inline-block}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.page{padding-block:25px 70px;min-height:60vh}.small{font-size:12px}.tiny{font-size:10px}.muted{color:var(--muted)}.positive{color:var(--forest)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--accent);display:flex;align-items:center;gap:7px}.eyebrow:empty{display:none}.row{display:flex;align-items:center;gap:12px;min-width:0}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.mt{margin-top:20px}.mb{margin-bottom:20px}.full{width:100%;justify-content:center}.prose{line-height:2.1}.prose p+p{margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;inset-inline-start:20px;background:var(--forest);color:white;padding:12px 22px;z-index:200}.skip-link:focus{top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;font-size:13px;line-height:1.6;min-height:46px;transition:background var(--ease),transform var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:white}.btn.primary:hover{background:var(--accent-hover)}.btn.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.secondary:hover{background:var(--wash);border-color:#c7cabb}.btn.forest{background:var(--forest);color:white}.btn.text{padding-inline:8px;color:var(--accent);background:transparent}.btn.danger{background:var(--danger);color:white}.btn.small{font-size:11px;padding:8px 13px;min-height:38px}.icon-btn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0}.icon-btn:hover{background:var(--wash)}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--accent);font-size:12px;font-weight:600;min-height:40px}.text-link .icon{transition:transform var(--ease)}.text-link:hover .icon{transform:translateX(-3px)}html[dir=ltr] .text-link .icon,html[dir=ltr] .btn>.icon:last-child{transform:rotate(180deg)}.button-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.busy{opacity:.62;pointer-events:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{color:var(--muted);margin-top:6px;max-width:700px}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:26px}.breadcrumb span:last-child{color:var(--body)}html[dir=ltr] .breadcrumb .icon{transform:rotate(180deg)}.announcement{background:var(--forest);color:#dfe6dd;min-height:32px;display:flex;justify-content:center;align-items:center;font-size:10px;gap:40px;padding:5px 20px}.demo-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:500;padding:2px 10px;border:1px solid #aebbad55;border-radius:30px;color:inherit;white-space:nowrap}.demo-pill .icon{color:#d5c88e}.site-header{position:sticky;top:0;background:#faf8f3f7;backdrop-filter:blur(12px);z-index:30;border-bottom:1px solid var(--line)}.header-main{height:90px;display:flex;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;min-width:100px}.logo-symbol{display:flex;align-items:center;justify-content:center;width:40px;height:46px;color:var(--accent)}.logo-text{font-family:"Noto Sans Arabic","Noto Kufi Arabic",serif;font-size:32px;font-weight:800;line-height:1.15;letter-spacing:-2px;display:flex;flex-direction:column;align-items:center}.logo-text small{font-family:Arial,sans-serif;font-size:7px;font-weight:500;letter-spacing:4px;margin-top:8px;margin-inline-start:4px}.header-location{display:flex;align-items:center;gap:8px;text-align:start;font-size:11px;flex-shrink:0}.header-location>span{line-height:1.8}.header-location small{display:block;color:var(--muted);font-size:9px}.header-search{min-height:46px;background:#f0eee7;border:1px solid #e5e3d9;border-radius:8px;display:flex;align-items:center;gap:10px;text-align:start;padding:10px 14px;flex:1;color:var(--muted)}.header-search>span{flex:1;font-size:12px}.header-search kbd{border:1px solid #d6d7cc;border-radius:3px;width:20px;text-align:center;font-family:inherit;font-size:10px}.header-actions{display:flex;gap:18px;align-items:center}.header-icon{display:flex;align-items:center;gap:7px;min-height:42px;position:relative;font-size:10px;white-space:nowrap}.count{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;border-radius:50%;min-width:16px;height:16px;font:10px Arial}.header-icon .count{position:absolute;inset-inline-start:-7px;top:2px}.header-icon.wishlist-link .count{display:none}.header-account{display:flex;align-items:center;gap:8px;font-size:10px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;min-width:37px;border-radius:50%;background:var(--avatar-bg,#e8e4d8);color:var(--ink);font-size:13px;font-weight:600;flex-shrink:0}.header-account .avatar{width:32px;height:32px;min-width:32px;font-size:12px}.desktop-categories{display:flex;align-items:center;gap:28px;min-height:45px;font-size:11px;border-top:1px solid #e5e3da77}.all-categories{display:flex;align-items:center;gap:8px;font-weight:600;padding-inline-end:25px;border-inline-end:1px solid var(--line)}.used-nav{margin-inline-start:auto}.offer-nav{color:var(--accent)}.mobile-bottom-nav{display:none}.home-page{padding-bottom:70px}.home-sequence{display:flex;flex-direction:column}.hero-panel{display:flex;position:relative;align-items:center;overflow:hidden;min-height:380px;background:#f1ecdf;border:1px solid #ebe3d4;border-radius:16px;margin-top:27px;padding:36px 44px;isolation:isolate}.hero-copy{width:54%;position:relative;z-index:2}.hero-copy h1{font-size:43px;line-height:1.65;letter-spacing:-1.8px;margin:12px 0 10px}.hero-copy p{font-size:12px;line-height:2.1;max-width:460px;color:#758071}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:24px}.hero-footnote{display:block;color:#949482;font-size:9px;margin-top:18px}.hero-scene{position:absolute;inset-inline-end:0;top:0;bottom:0;width:45%;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-ring{position:absolute;width:320px;height:320px;border:1px solid #d6caae88;border-radius:50%;background:#e8decb66;top:34px;inset-inline-end:50px;z-index:-1}.hero-ring:after{content:'';position:absolute;inset:-24px;border:1px solid #d6caae66;border-radius:50%}.hero-book{position:absolute;width:145px;filter:drop-shadow(-8px 12px 9px #4e351534);perspective:1000px}.hero-book-0{inset-inline-start:20%;top:72px;transform:rotate(15deg);z-index:1}.hero-book-1{inset-inline-end:8%;top:86px;transform:rotate(-15deg);z-index:0}.hero-book-2{width:159px;inset-inline-end:33%;top:46px;transform:rotate(-3deg);z-index:3}.hero-label{position:absolute;bottom:29px;inset-inline-end:20%;background:#fffaf0e8;border:1px solid #e3dcca;padding:7px 17px;border-radius:20px;font-size:9px;display:flex;align-items:center;gap:7px;z-index:4;box-shadow:var(--shadow)}.hero-spark{position:absolute;color:#a4774b;font-size:24px;z-index:1}.hero-spark.a{top:42px;inset-inline-start:16%}.hero-spark.b{bottom:64px;inset-inline-end:6%;font-size:36px}.home-categories{margin-block:26px 16px}.category-shortcuts{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.category-shortcut{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:72px}.category-shortcut>span{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:17px;color:var(--forest);transition:transform var(--ease)}.category-shortcut:hover>span{transform:translateY(-4px)}.category-shortcut strong{font-size:11px;font-weight:500;white-space:nowrap}.trust-strip{display:flex;align-items:center;justify-content:space-evenly;border-block:1px solid var(--line);padding-block:15px;margin-top:23px}.trust-strip>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#7a8071}.trust-strip .icon{color:#89927c}.book-shelf,.author-shelf,.store-shelf{margin-top:44px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.section-head p{font-size:11px;color:var(--muted);margin-top:6px}.section-head .eyebrow{margin-bottom:7px}.section-head .text-link{flex-shrink:0}.shelf-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px)/6);gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:none}.shelf-track::-webkit-scrollbar{display:none}.book-card{min-width:0;scroll-snap-align:start}.book-stage{height:240px;background:#edece3;position:relative;border-radius:10px;padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-cover-link{display:flex;align-items:center;justify-content:center;height:100%;width:100%;transition:transform var(--ease)}.book-cover-link:hover{transform:translateY(-4px)}.book-cover{aspect-ratio:2/3;position:relative;width:100%;max-height:100%;background:var(--cover-bg);color:var(--cover-fg);box-shadow:-3px 3px 4px #0002,0 7px 11px #343d302b;border-radius:1px 3px 3px 1px;overflow:hidden;isolation:isolate;container-type:inline-size;flex-shrink:0}.cover-title{position:absolute;top:12%;left:8%;right:8%;text-align:center;font-size:clamp(10px,13cqw,35px);font-weight:800;line-height:1.8;z-index:2;letter-spacing:-.5px}.cover-title.small{font-size:clamp(8px,8.7cqw,26px);line-height:1.55;top:14%}.book-cover[dir=ltr] .cover-title{font-family:Georgia,serif;line-height:1.16;font-weight:600;top:16%}.book-cover[dir=ltr] .cover-title.small{font-size:clamp(9px,11cqw,24px)}.cover-kicker{position:absolute;top:4%;width:100%;text-align:center;font-size:3.5cqw;opacity:.62;z-index:2;letter-spacing:2px}.cover-author{position:absolute;bottom:7%;left:6%;right:6%;text-align:center;font-size:5.6cqw;font-weight:500;z-index:2}.book-cover[dir=ltr] .cover-author{font-family:Arial,sans-serif;font-size:4.5cqw;letter-spacing:1px;text-transform:uppercase}.cover-art{width:100%;height:100%;position:absolute;inset:0;color:var(--cover-accent);z-index:1}.cover-spine{position:absolute;inset-inline-start:0;top:0;bottom:0;width:6%;background:linear-gradient(90deg,#0002,transparent 30%,#fff2 60%,transparent);z-index:5}.cover-grain{position:absolute;inset:0;opacity:.055;z-index:4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.book-stage>.icon-btn{position:absolute;top:8px;inset-inline-end:8px;width:30px;height:30px;background:#fffefaed;color:#a2a297;z-index:8}.book-stage>.icon-btn .icon{width:12px;height:12px}.book-stage>.icon-btn[data-wished=true],.icon-btn[data-wished=true]{color:var(--accent);background:#fff0e5}.stage-badge{position:absolute;bottom:8px;inset-inline-start:8px;z-index:8}.condition{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:9px;line-height:1.7;background:#fdfcf4;color:#627657;white-space:nowrap}.condition-new{background:#ebf0e5;color:#496139}.condition-used,.condition-like_new{background:#fff9e9;color:#86704b}.condition-very_good{background:#eaf0ec;color:#496452}.condition-good{background:#f6eddf;color:#946334}.condition-acceptable{background:#f8e7de;color:#945939}.status-dot{width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}.book-card-info{padding-top:11px}.book-card h3{font-size:12px;font-weight:600;line-height:1.85;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.book-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:6px}.price{font-weight:700;color:var(--ink);font-size:13px;display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;white-space:nowrap;line-height:1.5;font-family:var(--font);font-variant-numeric:tabular-nums}.price .currency{font-size:.7em;font-weight:500}.price>small{display:block;font-size:10px;line-height:1.5;color:var(--muted);font-weight:400;flex-basis:100%}.price.large{font-size:32px}.price.large>small{font-size:12px;margin-bottom:5px}.price del{font-size:9px;color:var(--muted);font-weight:400}.rating{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--body);white-space:nowrap;line-height:1.6}.rating .icon{color:#b18a45}.rating .muted{font-size:9px}.compact .price{font-size:12px}.compact .price del{display:none}.used-feature{margin-top:44px;background:#eaf0e6;border:1px solid #dfe7d8;border-radius:16px;display:grid;grid-template-columns:29% 1fr;gap:30px;padding:32px;overflow:hidden}.used-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.used-copy .eyebrow{color:#6a7f5b;font-size:8px;letter-spacing:.2px}.used-copy h2{font-size:26px;line-height:1.8;margin-top:10px}.used-copy p{font-size:11px;line-height:2;color:#73816a;margin:12px 0 22px}.used-feature .shelf-track{grid-auto-columns:calc((100% - 40px)/3);align-items:center}.used-feature .book-stage{height:206px;background:#dfe6d7;padding:20px}.used-feature .book-card:nth-child(n+4){display:none}.author-track{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.author-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 10px;gap:8px;border-radius:var(--radius)}.author-card:hover{background:var(--wash)}.author-avatar{width:74px;height:74px;font-family:Amiri,Georgia,serif;font-size:30px;border:5px solid #f1efe7;outline:1px solid #e4e2d6}.author-card h3{font-size:12px;margin-top:5px}.author-card>span:last-child{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.stores-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.store-card{display:flex;flex-direction:column;align-items:center;padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;box-shadow:var(--shadow)}.store-card-top{position:relative}.store-avatar{width:56px;height:56px;color:#fff4e3;font-size:20px;border-radius:14px}.verified-dot{position:absolute;bottom:-2px;inset-inline-end:-6px;background:var(--surface);border-radius:50%;color:var(--forest)}.store-card h3{font-size:13px;margin-top:12px}.store-card p{font-size:10px;color:var(--muted);display:flex;gap:5px;align-items:center;margin:3px 0 8px}.sell-feature{display:flex;align-items:center;gap:25px;background:#f1e8db;border:1px solid #e8ddcc;border-radius:15px;padding:32px 40px;margin-top:52px}.sell-feature h2{font-size:24px;margin:5px 0}.sell-feature p{font-size:11px;color:var(--muted);max-width:590px}.sell-feature .btn{margin-inline-start:auto;flex-shrink:0}.sell-feature-art{min-width:100px;color:#8d7756;position:relative;transform:rotate(-8deg)}.sell-feature-art>span{position:absolute;bottom:0;inset-inline-end:2px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:white;border:4px solid #f1e8db;width:39px;height:39px;border-radius:50%}.site-footer{background:#253e32;color:#e2e7dc;padding-top:50px}.logo.light{color:#f4eddc}.logo.light .logo-symbol{color:#dcc5a2}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:55px}.footer-grid>div:first-child>p{font-size:11px;color:#a6b2a1;line-height:2.2;margin-top:20px;max-width:330px}.footer-grid h3{font-size:12px;font-weight:600;margin:12px 0 22px;color:#ecf0e4}.footer-grid>div:not(:first-child)>a{display:flex;margin-bottom:12px;color:#aebaa8;font-size:11px}.footer-grid>div:not(:first-child)>a:hover{color:#f1d9b6}.footer-grid>div:last-child>p{font-size:11px;color:#aebaa8;margin-bottom:18px}.footer-flourish{display:flex;align-items:center;gap:8px;color:#cab698;font-size:11px;margin-top:20px}.footer-btn{border-color:#77816a;background:transparent;width:max-content;color:#e9d2ad!important}.footer-bottom{border-top:1px solid #c1cdb01c;margin-top:38px;display:flex;justify-content:space-between;gap:15px;padding-block:21px;color:#899b83;font-size:9px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{padding:28px;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:260px;transition:transform var(--ease)}.category-card:hover{transform:translateY(-4px)}.category-symbol{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:18px;margin-bottom:20px}.category-number{position:absolute;top:24px;inset-inline-end:22px;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#b1b09f}.category-card h2{font-size:17px}.category-card p{color:var(--muted);font-size:10px;line-height:2;margin-top:10px;padding-bottom:20px}.category-arrow{position:absolute;bottom:22px;inset-inline-end:25px;color:var(--accent)}.results-layout{display:grid;grid-template-columns:230px 1fr;gap:32px}.filter-sidebar{align-self:start;position:sticky;top:150px;padding:20px}.filter-sidebar h2{font-size:16px;display:flex;gap:8px;align-items:center;margin-bottom:22px}.filter-form .field{margin-bottom:20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:17px}.field label{font-size:12px;font-weight:600}.required{color:var(--accent);margin-inline-start:4px}.field-hint{font-size:10px;color:var(--muted);line-height:1.8}.field-error{font-size:11px;color:var(--danger)}.field-error:empty{display:none}.field:has(.field-error:not(:empty)) input{border-color:var(--danger)}fieldset{border:0;padding:0;margin:0 0 18px}legend{font-size:12px;font-weight:600;margin-bottom:12px}.check-row{display:flex;align-items:center;gap:9px;min-height:37px;font-size:11px;cursor:pointer}.filter-actions{margin-top:24px}.results-main{min-width:0}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.result-count{color:var(--muted);font-size:12px}.results-toolbar .btn{font-size:11px;min-height:39px;padding:9px 12px}.mobile-filter{display:none}.active-filters,.chips{display:flex;gap:8px;flex-wrap:wrap}.active-filters{margin:0 0 22px}.chip{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:6px 12px;border-radius:40px;border:1px solid var(--line);font-size:11px;background:var(--surface)}.chip.active{background:var(--accent-soft);border-color:#e5c9b6;color:#884728}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.results-main .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.results-main .book-stage{height:275px;padding:30px}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:34px;font-size:11px}.pagination .btn{min-height:41px;font-size:11px}.book-detail-top{display:grid;grid-template-columns:38% 1fr;gap:65px;margin-bottom:50px}.book-visual{background:#efeee5;border:1px solid #e6e4d9;border-radius:16px;min-height:490px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.book-visual:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #dcdacc;border-radius:50%}.book-visual-actions{position:absolute;top:14px;inset-inline-end:14px;display:flex;gap:7px;z-index:3}.book-visual-actions .icon-btn{background:#fffdf6;width:37px;height:37px}.detail-cover{width:222px;transform:rotate(-3deg);filter:drop-shadow(-10px 17px 13px #2c332633);z-index:2}.visual-caption{position:absolute;bottom:40px;color:#8d927e;font-size:10px;letter-spacing:1px}.cover-dots{position:absolute;bottom:20px;display:flex;gap:5px}.cover-dots i{width:4px;height:4px;border-radius:50%;background:#c5c5b6}.cover-dots i.active{width:13px;border-radius:6px;background:#a7aa91}.book-info{padding-top:22px}.book-info h1{font-size:36px;margin:10px 0}.original-title{font-family:Georgia,serif;font-size:15px;color:#919484;text-align:start;width:max-content;max-width:100%;margin-bottom:7px}.detail-author{font-size:12px;color:var(--muted)}.detail-author a{margin-inline-start:7px}.book-ratings{display:flex;align-items:center;gap:14px;margin:15px 0 21px}.book-ratings .rating{font-size:12px}.book-ratings>span:last-child{font-size:10px;color:var(--muted)}.detail-price{padding-top:22px;border-top:1px solid var(--line)}.availability{display:flex;align-items:center;gap:7px;color:var(--forest);font-size:11px;margin-top:12px}.book-description-preview{font-size:12px;line-height:2;margin-top:20px;max-width:580px}.book-quick-facts{display:flex;gap:25px;margin:22px 0;color:var(--muted);font-size:11px}.book-quick-facts>span{display:flex;align-items:center;gap:7px}.book-info .desktop-buy{margin-top:8px;max-width:470px}.book-assurances{display:flex;gap:24px;font-size:10px;color:#7e8776;margin-top:20px}.book-assurances>span{display:flex;align-items:center;gap:6px}.book-content-layout{display:grid;grid-template-columns:1fr 250px;gap:45px}.book-content-main{min-width:0}.book-content-main>section{margin-bottom:34px}.book-side-note{align-self:start;background:#eee8da;border-radius:14px;padding:30px;text-align:center;position:sticky;top:165px}.book-side-note>span{display:block;color:#a48b64;margin-bottom:13px}.book-side-note p{font-size:11px;line-height:2;margin-top:10px;color:#7c846f}.offer-list{display:flex;flex-direction:column;gap:14px}.offer-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.offer-card:hover{border-color:#cccbb8}.offer-card.selected{border-color:var(--accent)}.offer-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.seller-inline{display:flex;align-items:center;gap:10px;min-width:0}.seller-inline .avatar{color:#f8f2e4}.seller-inline>div{display:flex;flex-direction:column;min-width:0}.seller-inline>div>strong{font-size:12px}.seller-name{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.seller-name .icon{color:var(--forest)}.offer-price{text-align:end;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.offer-price .price{font-size:17px}.offer-meta{display:flex;gap:18px;color:var(--muted);font-size:10px;margin-top:14px;flex-wrap:wrap}.offer-meta>span{display:flex;align-items:center;gap:5px}.offer-meta .price{font-size:10px;color:var(--muted);font-weight:400}.condition-note{background:#f6f4ee;border-radius:7px;padding:9px 12px;font-size:10px;color:#747964;margin-top:12px;line-height:1.9}.offer-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}.offer-tags{display:flex;flex-wrap:wrap;gap:5px}.mini-tag{display:inline-flex;align-items:center;font-size:9px;line-height:1.7;padding:3px 7px;border-radius:4px;background:var(--forest-soft);color:var(--forest)}.mini-tag.neutral{background:#f4eee0;color:#8c7650}.book-accordion{border-top:1px solid var(--line)}.book-accordion details{border-bottom:1px solid var(--line);padding:20px 0}.book-accordion summary{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.book-accordion summary::-webkit-details-marker{display:none}.book-accordion details[open]>summary .icon{transform:rotate(45deg)}.book-accordion .prose{margin-top:20px;font-size:12px;color:var(--body)}.detail-list{display:grid;grid-template-columns:1fr 2fr;gap:12px 20px;font-size:12px;margin-block:22px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;min-width:0;overflow-wrap:anywhere}.edition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.edition-card{display:flex;flex-direction:column;gap:6px;padding:15px;background:var(--wash);border-radius:8px;font-size:10px}.edition-card bdi{font-size:9px;color:var(--muted)}.review-summary{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px;background:var(--surface)}.review-summary>strong{font-size:38px;line-height:1.3;letter-spacing:-1px;font-family:Arial}.review-summary p{font-size:10px;color:var(--muted);margin-top:3px}.review-summary .btn{margin-inline-start:auto}.review-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.review-card .avatar{color:var(--ink)}.review-card p{font-size:11px;line-height:2;margin-block:14px}.review-card strong{font-size:11px}.review-card .seller-inline .small{font-size:9px}.verified-purchase{display:inline-flex;align-items:center;gap:5px;color:#6f8360;font-size:9px;margin-top:12px}.review-stars{display:flex;gap:12px;flex-wrap:wrap}.review-stars label{position:relative;display:flex;gap:6px;align-items:center;font-size:12px}.review-stars input{position:absolute;opacity:0;width:1px}.review-stars label>span{display:flex;align-items:center;gap:4px;color:#aa8a4a;padding:8px;border:1px solid var(--line);border-radius:5px;min-height:44px}.review-stars input:checked+span{background:#f6ecd6;border-color:#b69a55}.review-stars input:focus-visible+span{outline:3px solid var(--accent)}.detail-sticky{display:none}.directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.profile-hero{display:flex;align-items:center;gap:35px;background:#efeadf;padding:40px;border-radius:18px;margin-bottom:45px}.profile-avatar{width:130px;height:130px;font-family:Amiri,serif;font-size:50px}.profile-hero h1{font-size:30px;margin:10px 0}.profile-hero p{max-width:780px;font-size:12px;color:var(--muted);line-height:2}.store-hero{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.store-banner{height:170px;background:var(--store-color);position:relative;overflow:hidden;color:#dce5d8;padding:24px;font-size:10px;display:flex;justify-content:flex-end}.store-banner-lines{position:absolute;width:380px;height:380px;border:1px solid #f7ecc744;border-radius:50%;top:-160px;inset-inline-start:80px;box-shadow:0 0 0 25px #f7ecc710,0 0 0 60px #f7ecc710,0 0 0 100px #f7ecc707}.store-banner-lines:after{content:'و رّ ا ق';position:absolute;bottom:30px;inset-inline:0;text-align:center;font-family:Amiri,serif;font-size:38px;color:#eddbb899}.store-profile{display:flex;gap:22px;align-items:center;padding:23px 30px;position:relative}.store-profile-avatar{width:94px;height:94px;border:5px solid var(--surface);border-radius:20px;color:#f7efdd;font-size:34px;margin-top:-57px;z-index:2}.store-profile h1{font-size:26px}.store-profile .row>.icon{color:var(--forest)}.store-profile p{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.store-profile-actions{display:flex;gap:8px;margin-inline-start:auto}.store-content{margin-top:28px}.tabs{display:flex;gap:18px;overflow-x:auto;border-bottom:1px solid var(--line);margin-block:22px;scrollbar-width:none}.tab{display:flex;align-items:center;gap:7px;padding:12px 10px;min-height:48px;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent;color:var(--muted)}.tab.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.tab>span{font-size:9px;background:var(--wash);padding:0 6px;border-radius:4px}.store-page .book-grid{grid-template-columns:repeat(5,1fr)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:390px;padding:40px 20px}.empty-art{position:relative;width:108px;height:108px;display:flex;align-items:center;justify-content:center;background:#eee8dc;color:#9c7756;border-radius:38% 45% 42% 40%;margin-bottom:27px}.empty-art .icon{z-index:2}.empty-orbit{position:absolute;width:14px;height:14px;border-radius:4px;background:#c8d0b7;inset-inline-start:-12px;top:10px;transform:rotate(20deg)}.empty-orbit.two{width:9px;height:9px;inset-inline-start:auto;inset-inline-end:-4px;top:auto;bottom:7px;background:#d3b79a}.empty-state h1,.empty-state h2{font-size:23px;margin-bottom:10px}.empty-state p{font-size:12px;color:var(--muted);max-width:400px;margin-bottom:23px;line-height:2}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:9px;background:#edf0e8;color:#697b56;border:1px solid #dee4d4;font-size:11px;line-height:1.9;margin-block:15px}.notice>.icon{margin-top:4px}.notice p{color:inherit}.notice.warning{background:#fbf0df;border-color:#efdfc5;color:#937347}.skeleton-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:18px;min-height:270px}.skeleton-card{min-width:0}.skeleton{position:relative;overflow:hidden;background:#eae8de;border-radius:9px}.skeleton:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:translateX(-100%);animation:shimmer 1.4s infinite}.skeleton.shape{height:220px}.skeleton.line{height:13px;margin-top:13px}.skeleton.line.short{width:58%}.skeleton-wrap.rows,.skeleton-wrap.orders,.skeleton-wrap.profile{grid-template-columns:1fr}.rows .skeleton-card,.orders .skeleton-card,.profile .skeleton-card{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:12px}.rows .skeleton.shape,.orders .skeleton.shape,.profile .skeleton.shape{height:50px;grid-row:span 2}.rows .skeleton.line,.orders .skeleton.line,.profile .skeleton.line{margin-top:0;align-self:center}.skeleton-wrap.tables{grid-template-columns:1fr}.tables .shape{height:40px}.tables .line{display:none}.sheet{padding:0;border:0;border-radius:20px;background:var(--surface);color:var(--ink);width:min(520px,calc(100vw - 32px));max-height:88dvh;box-shadow:var(--shadow-float);overscroll-behavior:contain;position:fixed;overflow:auto}.sheet.wide{width:min(730px,calc(100vw - 32px))}.sheet::backdrop{background:#17291e66;backdrop-filter:blur(3px)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px 14px;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);z-index:2}.sheet-heading h2{font-size:19px}.sheet-body{padding:24px;overflow-x:hidden}.sheet-grip{display:none}.modal-open{overflow:hidden}.confirm-icon{width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);margin:0 auto 15px}.sheet .button-row{margin-top:25px}.toasts{position:fixed;z-index:150;bottom:25px;inset-inline-start:25px;display:flex;flex-direction:column;gap:10px;max-width:min(440px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:center;gap:11px;border:1px solid #dce4d5;background:#fffffc;color:var(--ink);padding:14px 16px;border-radius:12px;box-shadow:0 10px 30px #23341c25;font-size:12px;animation:toast-in .18s ease-out;pointer-events:auto}.toast>span{flex:1}.toast>.icon{color:var(--forest)}.toast.error{border-color:#eac5be}.toast.error>.icon{color:var(--danger)}.toast button{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;color:var(--muted)}.search-input-wrap{display:flex;align-items:center;gap:10px;background:var(--wash);border:1px solid var(--line);border-radius:10px;padding:7px 12px}.search-input-wrap input{background:transparent;flex:1;width:0;border:0;padding:6px 0;box-shadow:none;min-height:36px}.search-input-wrap input:focus{box-shadow:none}.search-block{margin-top:25px}.search-block h3{font-size:12px;margin-bottom:13px}.search-history,.suggestion-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 4px;border-bottom:1px solid #ebe7db88;min-height:48px;font-size:12px;text-align:start}.search-history>.icon:first-child{color:#9d9e91}.search-history>.icon:last-child{margin-inline-start:auto;color:var(--muted)}.suggestion-row small{font-size:9px;color:var(--muted);margin-inline-start:auto;white-space:nowrap}.suggestion-type{background:#efeadd;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#8a7552}.selection-row{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;width:100%;border-radius:8px;font-size:13px;min-height:50px;text-align:start}.selection-row.selected{background:var(--accent-soft);color:var(--accent)}.selection-row:hover{background:var(--wash)}
/* Customer account, bag, and checkout */
.account-layout{display:grid;grid-template-columns:250px 1fr;gap:30px}.account-menu{align-self:start}.account-menu a{display:flex;align-items:center;gap:11px;min-height:48px;border-radius:7px;padding:8px 12px;font-size:12px}.account-menu a:hover,.account-menu a.active{background:var(--accent-soft);color:var(--accent)}.account-hero{background:#ede9dc;border:1px solid #e3decf;border-radius:16px;padding:30px;display:flex;gap:20px;align-items:center}.account-hero .avatar{width:74px;height:74px;font-size:28px;background:#d5d7bd;color:#4e6145}.account-hero h1{font-size:26px}.account-hero p{font-size:11px;color:var(--muted);margin-top:5px}.account-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-block:24px}.account-shortcut{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;align-items:center;gap:15px}.account-shortcut>.icon{color:var(--accent)}.account-shortcut strong{font-size:22px;display:block;line-height:1.5}.account-shortcut span{font-size:11px;color:var(--muted)}.account-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-link{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:18px;font-size:12px;min-height:62px}.account-link>.icon:first-child{color:#839274}.account-link>.icon:last-child{margin-inline-start:auto;color:#b2b5a5}.account-sell-banner{padding:22px;background:var(--forest);color:#edf1e6;border-radius:12px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.account-sell-banner p{color:#c4d0bc;font-size:11px}.account-sell-banner .btn{background:#f2ead9;color:var(--forest)}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 350px;gap:30px}.cart-items{min-width:0}.cart-seller-group{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:20px;overflow:hidden}.cart-seller-heading{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:13px}.cart-seller-heading .icon{color:#839275}.cart-line{display:flex;gap:20px;padding:23px;border-bottom:1px solid #eae7dc88;align-items:center}.cart-cover{width:65px;flex-shrink:0}.cart-line-info{flex:1;min-width:0}.cart-line-info h3{font-size:13px;margin-bottom:7px}.cart-line-info .book-author{margin-bottom:8px}.cart-line-controls{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.quantity-control{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);height:37px;direction:ltr}.quantity-control button{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.quantity-control button:hover{background:var(--wash)}.quantity-control span{min-width:27px;text-align:center;font-size:12px}.seller-shipping{padding:13px 22px;display:flex;justify-content:space-between;align-items:center;background:#f8f7f0;font-size:11px;color:var(--muted)}.seller-shipping .price{font-size:11px}.order-summary{position:sticky;top:160px;align-self:start}.order-summary h2{font-size:18px;margin-bottom:22px}.summary-rows{display:flex;flex-direction:column;gap:15px;font-size:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.summary-row>span:first-child{color:var(--muted)}.summary-row.total{border-top:1px solid var(--line);padding-top:18px;margin-top:5px}.summary-row.total>span:first-child{font-weight:600;color:var(--ink)}.summary-row.total .price{font-size:23px}.summary-row.discount .price{color:var(--forest)}.coupon-form{margin-top:25px;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.coupon-form label{width:100%;font-size:11px;font-weight:600}.coupon-form input{flex:1;width:0;min-width:0;min-height:40px;font-size:11px}.coupon-form .btn{min-height:40px}.coupon-hint{font-size:9px;color:var(--muted);margin-top:7px}.summary-checkout{margin-top:22px}.cart-sticky{display:none}.checkout-section{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:17px}.checkout-section-title{display:flex;align-items:center;gap:10px;margin-bottom:19px}.checkout-section-title>span{background:#f0e8dc;border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--accent)}.checkout-section-title h2{font-size:17px}.checkout-section .field{margin-bottom:14px}.checkout-section-title .text-link{margin-inline-start:auto}.address-card{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:17px;cursor:pointer}.address-card.selected,.address-card:has(input:checked){border-color:var(--accent);background:#fdf8ef;box-shadow:0 0 0 1px #a6563422}.address-card>input{margin-top:5px}.address-card>div{flex:1;min-width:0}.address-card strong{font-size:12px}.address-card p{font-size:10px;line-height:1.9;margin-top:4px;color:#7f8575}.address-card small{display:block;font-size:9px;color:#969b8d;margin-top:4px}.address-card>.icon{color:var(--accent);margin-top:3px}.address-card .icon-btn{margin-top:-7px;margin-inline-end:-7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .span-2{grid-column:1/-1}.payment-option{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:10px}.payment-option:has(input:checked){border-color:var(--accent);background:#fcf7ee}.payment-option>input{flex-shrink:0}.payment-option>.icon{color:#9b8462;width:23px}.payment-option>div{flex:1}.payment-option strong{font-size:12px}.payment-option p{font-size:10px;color:var(--muted);margin-top:4px}.terms-row{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:var(--muted);padding-block:12px;cursor:pointer}.terms-row input{margin-top:4px}.success-page{max-width:670px;margin:0 auto;padding:50px 20px 90px;text-align:center}.success-medallion{margin:0 auto 28px;width:105px;height:105px;border-radius:50%;background:#e8eee0;border:8px solid #f1f4e9;outline:1px solid #dce5cf;color:var(--forest);display:flex;align-items:center;justify-content:center;position:relative}.success-medallion:after{content:'';position:absolute;inset:-17px;border:1px dashed #d5dcc5;border-radius:50%}.success-page h1{font-size:28px;margin-bottom:12px}.success-page>p{font-size:12px;line-height:2;color:var(--muted);max-width:500px;margin-inline:auto}.success-receipt{margin:30px 0;text-align:start;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative}.success-receipt:after{content:'';position:absolute;inset-inline:0;bottom:-7px;height:10px;background:radial-gradient(circle at 7px 10px,var(--paper) 6px,transparent 6px) repeat-x;background-size:15px 12px}.success-page .button-row{margin-top:25px}.orders-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.order-card h3{font-size:15px;margin-top:5px}.order-card .eyebrow{font-size:9px}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.8;white-space:nowrap;border-radius:5px;padding:4px 8px;background:#eceee5;color:#6c795a}.status-preparing,.status-confirmed,.status-pending,.status-review,.status-requested,.status-open{background:#f8ecd5;color:#90652c}.status-shipped,.status-out_for_delivery{background:#e8edf1;color:#59778a}.status-active,.status-approved,.status-delivered,.status-complete,.status-published,.status-resolved{background:#e7eee3;color:#4a6946}.status-cancelled,.status-rejected,.status-suspended{background:#f6e5e1;color:#a45b4d}.status-draft,.status-paused,.status-sold,.status-refunded{background:#eeeee6;color:#828472}.order-preview{display:flex;flex-direction:column;gap:8px;margin:20px 0}.mini-book{display:flex;gap:9px;align-items:center;font-size:11px}.mini-book>span{width:28px;height:35px;border-radius:2px;background:#e5ddc9;color:#8e805f;display:flex;align-items:center;justify-content:center}.order-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.order-detail-layout{display:grid;grid-template-columns:1fr 310px;gap:25px}.order-detail-panel{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.order-detail-panel h2{font-size:18px}.order-item-row{padding-block:17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.order-item-row .condition{margin-top:7px}.notifications-list{max-width:820px;display:flex;flex-direction:column;gap:12px}.notification{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;gap:15px;align-items:flex-start}.notification.unread{border-inline-start:3px solid var(--accent);background:#fcf8ef}.notification-icon{background:var(--wash);color:#8c7c5c;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;flex-shrink:0}.notification h3{font-size:13px}.notification p{font-size:11px;color:var(--muted);margin-top:4px}.notification time{font-size:9px;color:#a0a395;display:block;margin-top:7px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:12px;position:relative}.toggle-row>span:first-child{flex:1}.toggle-row input{position:absolute;opacity:0;inset-inline-end:4px;width:40px;height:24px}.switch{display:block;position:relative;width:39px;height:23px;border-radius:20px;background:#d9dccf;transition:background var(--ease);flex-shrink:0}.switch:after{content:'';position:absolute;top:3px;inset-inline-start:3px;width:17px;height:17px;background:white;border-radius:50%;box-shadow:0 1px 3px #0001;transition:inset var(--ease)}.toggle-row input:checked+.switch{background:var(--forest)}.toggle-row input:checked+.switch:after{inset-inline-start:19px}.toggle-row input:focus-visible+.switch{outline:3px solid var(--accent);outline-offset:2px}.settings-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-panels h2{font-size:18px;margin-bottom:18px}.chat-layout{display:grid;grid-template-columns:310px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;min-height:580px}.conversation-list{border-inline-end:1px solid var(--line);padding:10px}.conversation{display:flex;gap:12px;padding:18px 12px;border-bottom:1px solid #eeeade;border-radius:9px;cursor:pointer}.conversation.active{background:var(--wash)}.conversation .avatar{color:#f9efdd}.conversation h3{font-size:12px}.conversation p{font-size:10px;color:var(--muted);margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.chat-thread{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.chat-header .avatar{color:#f9efdd}.chat-header h2{font-size:15px}.chat-messages{display:flex;flex-direction:column;gap:13px;padding:25px;flex:1;max-height:450px;min-height:270px;overflow-y:auto;scroll-behavior:smooth}.message-bubble{padding:13px 17px;border-radius:12px 12px 2px 12px;background:#e9eee2;align-self:flex-start;max-width:80%;font-size:11px;line-height:2}.message-bubble.mine{background:#f1e4d3;align-self:flex-end;border-radius:12px 12px 12px 2px}.message-bubble small{display:block;color:#8b907e;font-size:8px;text-align:end;margin-top:4px}.chat-form{display:flex;gap:10px;padding:17px;border-top:1px solid var(--line)}.chat-form input{flex:1;width:0}.chat-form .btn{flex-shrink:0}.auth-page{display:grid;grid-template-columns:1fr 1fr;max-width:960px;margin:45px auto 70px;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:590px}.auth-form-panel{padding:45px}.auth-form-panel h1{font-size:27px;margin-bottom:10px}.auth-form-panel>p{font-size:11px;color:var(--muted);margin-bottom:25px}.auth-form-panel .btn.full{margin-block:12px}.auth-links{display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px}.auth-art{background:#e9e0cf;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.auth-art:before{content:'';position:absolute;width:340px;height:340px;border:1px solid #c7bca4;border-radius:50%;box-shadow:0 0 0 35px #c7bca412}.auth-art .icon{color:#8d7d5c;position:relative}.auth-art h2{font-family:Amiri,serif;font-size:38px;position:relative;margin-top:30px}.help-grid{display:grid;grid-template-columns:1fr 320px;gap:32px}.help-questions details{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:12px}.help-questions summary{cursor:pointer;font-size:14px;font-weight:600}.help-questions details p{font-size:12px;line-height:2;margin-top:17px;color:var(--muted)}
/* Selling wizard */
.wizard-page{max-width:840px;margin:0 auto;padding:32px 20px 110px}.wizard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.wizard-progress-label{color:var(--muted);font-size:10px}.wizard-progress{display:flex;gap:6px;margin-bottom:15px}.wizard-progress>span{flex:1;height:4px;background:#e2e1d5;border-radius:4px}.wizard-progress>span.done{background:var(--accent)}.wizard-step-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:9px;color:#a0a18e;margin-bottom:28px}.wizard-step-labels .active{color:var(--accent);font-weight:700}.wizard-head{text-align:center;margin-bottom:28px}.wizard-head .eyebrow{justify-content:center;font-size:9px}.wizard-head h1{font-size:28px;margin-block:12px}.wizard-head p{font-size:12px;color:var(--muted)}.wizard-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.scan-button{display:flex;width:100%;align-items:center;gap:18px;padding:24px;border:1.5px dashed #c6c9b5;border-radius:12px;background:#f3f3e9;text-align:start;min-height:110px}.scan-button>.icon{width:38px;height:38px;color:var(--forest)}.scan-button strong{display:block;font-size:16px}.scan-button small{font-size:11px;color:var(--muted)}.scan-button>.icon:last-child{margin-inline-start:auto;width:14px}.wizard-divider{display:flex;align-items:center;gap:15px;font-size:10px;color:#9da18e;margin-block:22px}.wizard-divider:before,.wizard-divider:after{content:'';height:1px;background:var(--line);flex:1}.match-card{margin-top:22px;background:#edf2e7;border:1px solid #d9e3cf;border-radius:12px;padding:18px;display:flex;gap:20px;align-items:center}.match-cover{width:80px;flex-shrink:0}.match-card h3{font-size:15px}.match-card p{font-size:11px;color:var(--muted);margin-bottom:10px}.match-card .btn{font-size:11px}.wizard-search-results{margin-top:14px}.wizard-search-result{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);width:100%;text-align:start;font-size:12px}.wizard-search-result .avatar{color:var(--accent)}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.wizard-footer .btn.primary{min-width:190px}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.condition-choice{display:flex;align-items:center;gap:13px;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:105px}.condition-choice:has(input:checked){background:#f9f2e5;border-color:#ba926d;box-shadow:0 0 0 1px #ba926d55}.condition-choice strong{font-size:14px}.condition-choice p{font-size:10px;color:var(--muted);line-height:1.9;margin-top:6px}.condition-choice:last-child{grid-column:1/-1}.condition-indicator{display:flex;gap:2px;margin-bottom:7px}.condition-indicator i{height:4px;width:12px;background:#d9dccd;border-radius:2px}.condition-indicator i.on{background:#77915f}.condition-questions{margin-bottom:25px}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.photo-slot{aspect-ratio:1.3;position:relative;background:#f3f1e7;border:1.5px dashed #d5d6c6;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-slot label{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;cursor:pointer;width:100%;height:100%;font-size:11px;color:#899477}.photo-slot label>.icon{width:30px;height:30px}.photo-slot input{position:absolute;width:1px;height:1px;opacity:0}.photo-slot:focus-within{outline:3px solid var(--accent);outline-offset:2px}.photo-slot img{width:100%;height:100%;object-fit:contain}.photo-slot .book-cover{width:70px}.photo-slot>.icon-btn{position:absolute;top:4px;inset-inline-end:4px;background:#fffdf5;z-index:2;width:30px;height:30px}.photo-slot .photo-label{position:absolute;bottom:4px;inset-inline:5px;text-align:center;font-size:9px;color:#7c816e}.price-guidance{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.price-guide-card{background:#f2f1e8;padding:18px;border-radius:10px;text-align:center}.price-guide-card>span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.price-guide-card .price{font-size:20px}.suggested-price{padding:15px;background:#eef2e5;border-radius:9px;font-size:12px;text-align:center;color:#697d54;margin-bottom:25px}.price-input input{min-height:70px;font-size:27px;font-weight:600;text-align:center;direction:ltr;background:#fffdf6;border-color:#c8c6ad}.price-input .field label{text-align:center}.delivery-choices{display:flex;flex-direction:column;gap:13px}.delivery-choice{display:flex;gap:15px;align-items:center;padding:21px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.delivery-choice:has(input:checked){border-color:var(--accent);background:#fbf4e8}.delivery-choice>.icon{color:#9b8766;width:27px}.delivery-choice strong{font-size:13px}.delivery-choice p{font-size:10px;color:var(--muted);line-height:1.9;margin-top:5px}.listing-preview-top{display:flex;align-items:center;gap:26px;padding-bottom:23px;margin-bottom:22px;border-bottom:1px solid var(--line)}.listing-preview-top .book-cover{width:110px}.listing-preview-top h2{font-size:21px}.listing-preview-top .price{font-size:27px;margin-top:14px}.preview-photos{display:flex;gap:10px;margin-top:20px}.preview-photo{height:84px;width:75px;display:flex;justify-content:center;align-items:center;background:var(--wash);border-radius:8px;padding:8px;overflow:hidden}.preview-photo>.book-cover{width:40px}.preview-photo img{height:100%;object-fit:contain}.scan-scene{height:280px;background:#1b241c;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.scan-frame{width:210px;height:125px;border:2px solid #e3d9b3;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;background:#f6f0db}.scan-frame>.icon{width:160px;height:85px;color:#30362a}.scan-line{position:absolute;left:8px;right:8px;top:50%;height:2px;background:#aa5743;box-shadow:0 0 10px #b45743;animation:scan 2s infinite alternate}.scan-demo-label{position:absolute;bottom:15px;inset-inline:0;text-align:center;font-size:10px;color:#c1c8ad}.listing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.my-listing{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.my-listing-main{display:flex;gap:18px}.my-listing-cover{width:85px;flex-shrink:0}.my-listing-details{flex:1;min-width:0}.my-listing h3{font-size:14px;margin:7px 0}.my-listing .price{font-size:18px;margin-top:10px}.listing-card-actions{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.listing-card-actions>.btn{flex:1}.listing-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.listing-status>small{font-size:9px;color:var(--muted)}
/* Seller studio and administration */
.workspace-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.workspace-sidebar{background:#fcfaf4;border-inline-end:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:26px 16px 16px;z-index:40;overflow-y:auto}.workspace-sidebar>.logo{margin-inline:14px}.workspace-label{font-size:9px;color:#9a9e8d;letter-spacing:.5px;margin:32px 15px 13px}.workspace-sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar-link{display:flex;gap:12px;align-items:center;padding:10px 14px;min-height:43px;font-size:11px;color:#7c8571;border-radius:8px}.sidebar-link>.icon{width:15px;height:15px;color:#9ca38f}.sidebar-link.active{background:#ede3d4;color:var(--accent);font-weight:600}.sidebar-link.active>.icon{color:var(--accent)}.sidebar-link:hover{background:#f0eddf}.sidebar-count{margin-inline-start:auto;background:#e8dfcf;color:#a68152;padding:0 6px;border-radius:4px;font-size:9px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;display:flex;flex-direction:column;gap:15px}.sidebar-bottom a{display:flex;align-items:center;gap:10px;color:#7f896f;font-size:10px}.sidebar-bottom small{font-size:8px;line-height:1.9;color:#a3a794}.workspace-body{min-width:0}.workspace-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:32px;background:#fcfaf5;position:sticky;top:0;z-index:30}.workspace-header>.icon-btn{display:none}.workspace-crumb{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.workspace-crumb>span:last-child{font-size:9px;color:#a1a18d}.workspace-header .demo-pill{color:var(--accent);background:#f0e7d9;border-color:#e6d8c3}.workspace-main{padding:32px;max-width:1600px;margin-inline:auto}.workspace-main h1{font-size:27px}.workspace-main .page-heading p{font-size:11px}.workspace-main .page-heading{margin-bottom:25px}.workspace-main .panel h2{font-size:17px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0}.stat-card>.row>span:first-child{font-size:10px;color:var(--muted)}.stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f1ebdf;color:#9f8260}.stat-card>strong{display:block;font-size:26px;margin-top:10px;line-height:1.6;letter-spacing:-.8px;overflow-wrap:anywhere}.stat-card>strong .price{font-size:25px}.stat-card>small{font-size:8px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:8px;color:#9ba38c}.stat-card .positive{display:inline-flex;align-items:center;gap:3px}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;margin-bottom:26px}.chart-panel{min-width:0}.chart-panel>.row h2{font-size:16px}.chart-legend{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.chart-legend i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.chart-wrap{margin-top:25px}.chart-wrap svg{display:block;width:100%;overflow:visible}.chart-axis{display:flex;justify-content:space-between;font-size:9px;color:#a3a895;padding-inline:20px}.chart-data{margin-top:15px;font-size:10px;color:var(--muted)}.chart-data summary{cursor:pointer}.chart-data .table-scroll{max-height:200px;overflow:auto}.dashboard-side{display:flex;flex-direction:column;gap:20px}.attention-card{background:var(--forest);color:#eff1e4;border-radius:12px;padding:22px;flex:1}.attention-card h2{font-size:17px}.attention-card p{font-size:11px;color:#c0cbb3;margin:8px 0 20px}.attention-card .btn{background:#ece4cf;color:var(--forest);font-size:10px;min-height:40px}.attention-card>strong{font-size:34px;display:block}.attention-card.warm{background:#f0e6d4;color:#7c6242}.attention-card.warm p{color:#9b8768}.attention-card.warm .btn{background:#fff9ea;color:#8a6a44}.dashboard-orders{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.data-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.data-search{display:flex;align-items:center;gap:9px;max-width:330px;flex:1;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 12px}.data-search>input{background:transparent;border:0;box-shadow:none;min-height:43px;padding-inline:0;font-size:11px}.data-search>.icon{color:#a2a18c}.data-toolbar select{width:auto;min-height:43px;font-size:11px;max-width:180px}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:start;font-size:11px}th{text-align:start;font-weight:600;background:#f4f1e8;color:#8b8b76;font-size:10px;padding:14px 18px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 18px;border-bottom:1px solid #eeebdf;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9f7ef}td .price{font-size:12px}.table-book{display:flex;gap:13px;align-items:center;min-width:150px;max-width:280px}.table-book .book-cover{width:38px}.table-book h3{font-size:11px;line-height:1.7}.table-book p{font-size:9px;color:var(--muted);margin-top:4px}.table-actions{display:flex;gap:4px}.table-actions .icon-btn{width:31px;height:31px}.table-actions .icon{width:12px;height:12px}.mobile-records{display:none}.bulk-bar{display:flex;align-items:center;gap:10px;background:#ece4d4;border-radius:9px;padding:10px 15px;margin-bottom:15px;font-size:11px}.bulk-bar:has([data-selection-count="0"]){display:none}.product-editor{max-width:960px}.editor-layout{display:grid;grid-template-columns:1fr 290px;gap:25px}.editor-preview{position:sticky;top:120px;align-self:start;text-align:center}.editor-preview .book-cover{width:150px;margin:10px auto 20px}.editor-preview h3{font-size:15px;margin-bottom:10px}.editor-preview .price{font-size:25px}.balance-feature{background:var(--forest);border-radius:15px;padding:30px;color:#eff2e5;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.balance-feature p{color:#bdcbb1;font-size:12px}.balance-feature .price{color:#f5f0df;font-size:37px;margin-top:10px}.balance-feature .btn{background:#f0e4ca;color:var(--forest)}.analytics-periods{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px}.analytics-periods button{font-size:10px;padding:8px 12px;border-radius:5px;min-height:33px}.analytics-periods button.active{background:var(--accent-soft);color:var(--accent)}.top-book-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.top-book-row>span{color:#b2b29c;font-size:12px;width:20px}.top-book-row .book-cover{width:41px}.top-book-row>div{flex:1}.top-book-row h3{font-size:12px}.top-book-row p{font-size:10px;color:var(--muted)}.top-book-row .price{font-size:12px}.moderation-card{padding:23px;display:flex;gap:25px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.moderation-card>.book-cover{width:110px;align-self:flex-start}.moderation-card-content{min-width:0;flex:1}.moderation-card h3{font-size:17px;margin-bottom:8px}.moderation-card .button-row{justify-content:flex-start;margin-top:18px}.entity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.entity-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.entity-card h3{font-size:15px;margin:12px 0 6px}.entity-card p{font-size:10px;color:var(--muted);line-height:1.9}.entity-card .text-link{margin-top:10px}.detail-profile{display:flex;gap:20px;align-items:center;margin-bottom:28px;padding-bottom:25px;border-bottom:1px solid var(--line)}.detail-profile .avatar{width:74px;height:74px;font-size:24px;color:#f7efdd}.detail-profile h2{font-size:23px!important}.detail-profile p{font-size:11px;color:var(--muted);margin:6px 0}.document-preview{border:1px dashed #cbc9b5;border-radius:10px;padding:22px;display:flex;align-items:center;gap:16px;background:#f3f1e7;margin-top:15px}.document-preview>.icon{color:#9c8968;width:33px;height:33px}.document-preview p{font-size:11px}.document-preview small{font-size:9px;color:var(--muted)}.duplicate-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.duplicate-card{padding:25px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.duplicate-card .book-cover{width:130px}.duplicate-card h3{font-size:17px}.duplicate-card p{font-size:10px;color:var(--muted)}.duplicate-card:has(input:checked){border-color:var(--accent);background:#fcf4e7}.cms-sections{display:flex;flex-direction:column;gap:12px}.cms-row{display:flex;align-items:center;gap:15px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.cms-index{font-size:12px;color:#b0b09c;width:20px;flex-shrink:0}.cms-row>.icon{color:#a4a98f}.cms-row-title{flex:1;min-width:0}.cms-row-title h3{font-size:13px}.cms-row-title small{font-size:9px;color:var(--muted)}.cms-controls{display:flex;align-items:center;gap:5px}.cms-controls>.icon-btn{width:34px;height:34px}.cms-controls .toggle-row{border:0;padding:0}.audit-event{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);align-items:flex-start}.audit-event>.icon{color:var(--accent);background:var(--accent-soft);padding:8px;width:33px;height:33px;border-radius:10px}.audit-event strong{font-size:12px;font-family:Arial;direction:ltr;display:block}.audit-event p{font-size:10px;color:var(--muted);margin-top:5px}.audit-event small{margin-inline-start:auto;font-size:9px;color:var(--muted);white-space:nowrap}.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.persona-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.persona-card.active{border-color:var(--accent);background:#fcf3e5}.persona-card .avatar{width:60px;height:60px;font-size:24px}.persona-card h3{font-size:14px}.persona-card .btn{font-size:10px;min-height:38px}.lab-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:30px}.route-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.route-directory h3{font-size:17px;margin-bottom:15px}.route-directory a{display:flex;align-items:center;gap:8px;min-height:35px;font-size:11px;color:var(--muted)}.route-directory a:hover{color:var(--accent)}.state-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.state-gallery .panel{overflow:hidden}.state-gallery h2{font-size:16px}.state-gallery .empty-state{min-height:310px}.state-gallery .empty-state h2{font-size:19px}.workspace-more{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.workspace-more a{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:12px}.workspace-more .icon{color:#a18b65}
@keyframes shimmer{to{transform:translateX(100%)}}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scan{from{top:25%}to{top:75%}}
/* Tablet first adaptations; mobile styles are intentionally substantive, not a scaled desktop. */
@media(min-width:1440px){:root{--container:1320px}.book-stage{height:255px}.hero-panel{min-height:395px}.hero-copy h1{font-size:47px}.hero-book{width:158px}.hero-book-2{width:175px}.hero-ring{width:340px;height:340px}}
@media(max-width:1200px){.header-main{gap:20px}.header-location{display:none}.desktop-categories{gap:20px}.desktop-categories a:nth-child(7),.desktop-categories a:nth-child(8){display:none}.header-actions{gap:16px}.desktop-label{display:none}.shelf-track{grid-auto-columns:calc((100% - 80px)/5)}.book-stage{height:240px;padding:23px}.hero-copy h1{font-size:37px}.hero-copy{width:56%}.hero-panel{padding:30px;min-height:350px}.hero-book{width:128px}.hero-book-2{width:145px}.hero-ring{width:280px;height:280px;inset-inline-end:25px}.hero-label{font-size:8px}.used-feature{padding:26px;gap:24px;grid-template-columns:31% 1fr}.used-copy h2{font-size:23px}.used-feature .book-stage{height:185px;padding:19px}.book-detail-top{gap:36px}.book-content-layout{grid-template-columns:1fr 210px;gap:30px}.book-visual{min-height:465px}.book-info h1{font-size:32px}.results-main .book-stage{height:246px;padding:28px}.cart-layout,.checkout-layout{grid-template-columns:1fr 310px;gap:22px}.workspace-shell{grid-template-columns:200px minmax(0,1fr)}.workspace-sidebar{padding-inline:12px}.workspace-main{padding:25px}.workspace-header{padding-inline:25px}.stat-grid{gap:12px}.stat-card{padding:17px}.stat-card>strong,.stat-card>strong .price{font-size:21px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:17px}.workspace-main .panel{padding:19px}th,td{padding-inline:13px}.table-book{min-width:125px}.data-table .hide-laptop{display:none}.editor-layout{grid-template-columns:1fr 240px}.footer-grid{gap:30px}.store-page .book-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1023px){:root{--gutter:24px}.header-main{height:78px}.desktop-categories{gap:23px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.desktop-categories a:nth-child(6){display:none}.hero-copy h1{font-size:33px}.hero-copy p{font-size:11px}.hero-panel{min-height:320px}.hero-book{width:109px}.hero-book-2{width:128px;top:52px}.hero-book-0{top:79px}.hero-book-1{top:94px}.hero-ring{width:240px;height:240px;top:45px}.hero-footnote{font-size:8px}.hero-actions{gap:13px}.hero-actions .btn{font-size:11px;padding-inline:15px}.hero-actions .text-link{font-size:10px}.category-shortcuts{gap:12px}.category-shortcut>span{width:48px;height:48px}.category-shortcut strong{font-size:9px}.shelf-track{grid-auto-columns:calc((100% - 60px)/4)}.book-stage{height:230px;padding:23px}.used-feature{display:block}.used-copy{margin-bottom:20px;max-width:580px;position:relative;padding-inline-end:180px}.used-copy h2{font-size:23px}.used-copy p{font-size:10px;margin-bottom:0}.used-copy .btn{position:absolute;inset-inline-end:0;bottom:0;font-size:10px;padding-inline:13px}.used-feature .shelf-track{grid-auto-columns:calc((100% - 45px)/4);gap:15px}.used-feature .book-card:nth-child(4){display:block}.used-feature .book-stage{height:200px;padding:22px}.author-track{gap:6px}.author-avatar{width:60px;height:60px;font-size:25px}.author-card h3{font-size:10px}.stores-track{gap:12px}.store-card{padding:18px 12px}.store-card h3{font-size:11px}.sell-feature{padding:25px;gap:20px}.sell-feature-art{min-width:70px}.sell-feature-art>.icon{width:50px}.sell-feature h2{font-size:21px}.sell-feature .eyebrow{font-size:8px}.sell-feature p{font-size:10px}.sell-feature .btn{font-size:10px;padding-inline:15px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-grid>div:last-child{display:none}.results-layout{grid-template-columns:190px 1fr;gap:22px}.filter-sidebar{padding:17px}.results-main .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.results-main .book-stage{height:259px}.category-grid{grid-template-columns:repeat(3,1fr);gap:16px}.category-card{padding:22px;min-height:235px}.category-card p{font-size:10px}.book-detail-top{grid-template-columns:40% 1fr;gap:30px}.book-info h1{font-size:28px}.book-visual{min-height:450px}.detail-cover{width:175px}.book-info{padding-top:7px}.book-description-preview{font-size:11px}.book-quick-facts{gap:15px;font-size:10px}.book-assurances{gap:13px;font-size:9px}.book-content-layout{display:block}.book-side-note{display:none}.cart-layout,.checkout-layout{grid-template-columns:1fr 280px;gap:18px}.order-summary{padding:20px}.cart-line{gap:14px;padding:17px}.cart-cover{width:51px}.cart-line-info h3{font-size:12px}.cart-line-controls .price{font-size:13px}.cart-line-controls{gap:10px}.order-detail-layout{grid-template-columns:1fr 250px;gap:20px}.orders-grid{gap:15px}.order-card{padding:19px}.account-layout{grid-template-columns:210px 1fr;gap:20px}.account-menu{padding:13px}.account-shortcuts{gap:10px}.account-shortcut{padding:15px;gap:10px}.account-shortcut strong{font-size:21px}.account-link{font-size:11px;padding:15px}.account-links{gap:10px}.auth-page{margin-inline:24px}.auth-form-panel{padding:30px}.chat-layout{grid-template-columns:260px 1fr}.workspace-shell{display:block}.workspace-shell>.workspace-sidebar{display:none}.workspace-header>.icon-btn{display:flex}.workspace-crumb{margin-inline-end:auto;margin-inline-start:10px}.workspace-header{height:68px}.workspace-main{padding:26px 24px 85px}.workspace-sidebar.mobile-menu{position:static;height:auto;display:flex;border:0;padding:0}.mobile-menu>.logo,.mobile-menu>.workspace-label{display:none}.mobile-menu .sidebar-bottom{margin-top:20px}.workspace-main .stat-grid{grid-template-columns:repeat(4,1fr)}.workspace-main .stat-card>strong,.workspace-main .stat-card>strong .price{font-size:24px}.lab-grid{grid-template-columns:repeat(2,1fr)}.lab-tools{gap:18px}.help-grid{grid-template-columns:1fr 260px}.listing-cards{gap:15px}.store-profile-actions .btn{font-size:10px;padding-inline:12px}.store-profile h1{font-size:23px}}
@media(max-width:767px){:root{--gutter:20px;--radius:12px}.announcement{font-size:8px;min-height:25px;gap:12px;padding:3px 15px}.announcement>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement .demo-pill{font-size:8px;padding:0 7px;flex-shrink:0}.site-header{border-bottom:0}.header-main{height:auto;min-height:112px;display:grid;grid-template-columns:1fr auto auto;gap:0 17px;padding-top:10px;padding-bottom:12px}.logo{min-width:84px;gap:6px}.logo-symbol{width:29px;height:37px}.logo-symbol .icon{width:22px;height:22px}.logo-text{font-size:27px}.logo-text small{font-size:5.7px;letter-spacing:3px;margin-top:6px}.header-actions{gap:17px;grid-column:3;grid-row:1}.header-icon{min-height:34px}.header-icon .icon{width:17px;height:17px}.header-icon .count{min-width:14px;height:14px;font-size:8px;top:0}.header-account,.wishlist-link{display:none}.header-location{display:flex;grid-column:2;grid-row:1;font-size:9px;gap:5px;line-height:1.2}.header-location small{font-size:7px}.header-location>.icon{width:11px;height:11px}.header-location .icon:last-child{display:none}.header-search{grid-column:1/-1;grid-row:2;margin-top:13px;min-height:40px;padding:8px 12px;border-radius:7px;background:#f0eee6}.header-search>span{font-size:10px}.header-search kbd{display:none}.header-search>.icon{width:14px;height:14px}.desktop-categories{display:none}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:5px 10px calc(5px + env(safe-area-inset-bottom));align-items:center;background:#fffffaf7;border-top:1px solid #e8e7de;backdrop-filter:blur(10px);z-index:50;box-shadow:0 -5px 20px #26342305}.mobile-bottom-nav>:is(a,button){flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:#9b9e8d;min-height:50px;justify-content:center;position:relative}.nav-icon{height:24px;display:flex;align-items:center;justify-content:center}.mobile-bottom-nav .active{color:var(--accent);font-weight:600}.mobile-bottom-nav .active:after{content:'';width:3px;height:3px;border-radius:50%;position:absolute;top:-1px;background:var(--accent)}.mobile-bottom-nav .sell-nav{color:var(--ink);gap:2px}.mobile-bottom-nav .sell-nav .nav-icon{background:var(--accent);color:#fffaf1;width:48px;height:48px;border:5px solid var(--paper);border-radius:50%;margin-top:-23px;box-shadow:0 3px 10px #7f543020}.mobile-bottom-nav .sell-nav>span:last-child{font-weight:600}.mobile-bottom-nav .sell-nav:after{display:none}.market-shell{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.page{padding-top:19px;padding-bottom:45px}.home-page{padding-bottom:40px}.home-categories{order:-1;margin:4px calc(-1*var(--gutter)) 15px;overflow:hidden}.category-shortcuts{display:flex;gap:19px;overflow-x:auto;padding:7px var(--gutter) 7px;scrollbar-width:none;scroll-snap-type:x proximity}.category-shortcut{min-width:48px;gap:7px;scroll-snap-align:start}.category-shortcut>span{width:45px;height:45px;border-radius:14px}.category-shortcut>span .icon{width:18px;height:18px}.category-shortcut strong{font-size:9px}.hero-panel{min-height:234px;margin-top:0;padding:19px 23px;border-radius:12px}.hero-copy{width:64%}.hero-copy .eyebrow{font-size:7px;letter-spacing:0;gap:4px;max-width:220px;white-space:nowrap}.hero-copy .eyebrow .icon{width:8px;height:8px}.hero-copy h1{font-size:29px;line-height:1.65;letter-spacing:-1.2px;margin:8px 0}.hero-copy p{font-size:9px;line-height:1.95;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:270px}.hero-actions{margin-top:15px;gap:12px}.hero-actions .btn{min-height:37px;padding:8px 12px;font-size:9px;gap:6px}.hero-actions .btn .icon{width:10px;height:10px}.hero-actions .text-link{display:none}.hero-footnote{font-size:7px;margin-top:10px;max-width:220px;white-space:nowrap}.hero-scene{width:35%;inset-inline-end:-4px}.hero-book{width:76px}.hero-book-0{inset-inline-start:0;top:65px;transform:rotate(14deg)}.hero-book-1{inset-inline-end:-15%;top:83px;transform:rotate(-15deg);opacity:.7}.hero-book-2{width:91px;top:46px;inset-inline-end:11%;transform:rotate(-5deg)}.hero-ring{width:175px;height:175px;inset-inline-end:-60px;top:30px}.hero-label{display:none}.hero-spark.a{font-size:14px;top:25px;inset-inline-start:25%}.hero-spark.b{font-size:19px;bottom:33px;inset-inline-end:18%}.trust-strip{padding:13px 0;gap:8px;margin-top:17px}.trust-strip>span{font-size:8px;gap:5px;white-space:nowrap}.trust-strip .icon{width:12px;height:12px}.trust-strip>span:last-child{display:none}.book-shelf,.author-shelf,.store-shelf{margin-top:29px}.section-head{margin-bottom:17px;gap:10px}.section-head h2{font-size:20px;letter-spacing:-.6px}.section-head .eyebrow{font-size:7px;letter-spacing:.2px;margin-bottom:4px}.section-head p{font-size:9px;margin-top:4px}.section-head .text-link{font-size:9px;gap:5px}.section-head .text-link>.icon{width:10px;height:10px}.shelf-track{grid-auto-columns:calc((100% - 42px)/3);gap:15px;margin-inline-end:calc(-1*var(--gutter));padding-inline-end:var(--gutter);padding-bottom:6px}.book-stage{height:220px;padding:24px 20px;border-radius:8px}.book-stage>.icon-btn{width:27px;height:27px;top:6px;inset-inline-end:6px}.book-stage>.icon-btn .icon{width:11px;height:11px}.stage-badge{bottom:6px;inset-inline-start:6px}.condition{font-size:8px;padding:3px 6px}.book-card-info{padding-top:8px}.book-card h3{font-size:11px;line-height:1.8}.book-author{font-size:9px}.book-card-bottom{margin-top:4px}.price,.compact .price{font-size:11px;gap:4px}.rating{font-size:9px;gap:3px}.rating .icon{width:9px;height:9px}.rating .muted{font-size:8px}.used-feature{margin-top:29px;padding:20px;border-radius:12px;display:block}.used-copy{padding-inline-end:0;margin-bottom:20px;display:block;max-width:none}.used-copy .eyebrow{font-size:7px}.used-copy h2{font-size:23px;line-height:1.7;margin-top:5px}.used-copy p{font-size:9px;margin-block:8px 12px;max-width:430px}.used-copy .btn{position:static;font-size:9px;min-height:35px;padding:7px 12px}.used-feature .shelf-track{grid-auto-columns:calc((100% - 25px)/3);gap:14px;margin-inline-end:-20px}.used-feature .book-stage{height:177px;padding:19px 15px;background:#dde6d5}.used-feature .book-card:nth-child(5){display:block}.author-track{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:105px;overflow-x:auto;scrollbar-width:none;gap:12px;margin-inline-end:calc(-1*var(--gutter));padding-inline-end:var(--gutter)}.author-card{padding:9px 0}.author-avatar{width:61px;height:61px;font-size:24px;border-width:4px}.author-card h3{font-size:10px;margin-top:2px}.author-card>span:last-child{font-size:8px}.stores-track{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 22px)/3);overflow-x:auto;scrollbar-width:none;margin-inline-end:calc(-1*var(--gutter));padding-inline-end:var(--gutter);gap:12px}.store-card{padding:18px 13px;border-radius:10px}.store-avatar{width:46px;height:46px;font-size:17px;border-radius:11px}.store-card h3{font-size:11px}.store-card p{font-size:9px}.store-card .rating{font-size:9px}.sell-feature{margin-top:34px;padding:25px;flex-wrap:wrap;gap:14px;border-radius:12px}.sell-feature-art{display:none}.sell-feature>div{width:100%}.sell-feature h2{font-size:22px}.sell-feature p{font-size:10px;line-height:2}.sell-feature .btn{margin-inline-start:0;font-size:10px;min-height:39px}.site-footer{padding-top:32px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:first-child>p{font-size:10px;max-width:480px;margin-top:14px}.footer-flourish{margin-top:12px;font-size:10px}.footer-grid h3{font-size:11px;margin-block:0 17px}.footer-grid>div:not(:first-child)>a{font-size:10px;margin-bottom:9px}.footer-bottom{margin-top:25px;display:block;font-size:8px;padding-block:18px}.footer-bottom>span{display:block;margin-top:5px}.page-heading{display:block;margin-bottom:23px}.page-heading h1{font-size:25px;line-height:1.7}.page-heading p{font-size:10px;line-height:1.9;margin-top:7px}.page-heading>.btn,.page-heading>a,.page-heading>.row{margin-top:16px;font-size:11px}.breadcrumb{font-size:9px;gap:7px;margin-bottom:18px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-card{padding:20px;min-height:227px}.category-card h2{font-size:16px}.category-card p{font-size:9px;margin-top:8px;line-height:1.9}.category-symbol{width:50px;height:50px;border-radius:14px;margin-bottom:15px}.category-symbol .icon{width:23px;height:23px}.category-number{font-size:12px;top:20px;inset-inline-end:18px}.category-arrow{bottom:17px;inset-inline-end:17px}.category-arrow .icon{width:12px;height:12px}.results-layout{display:block}.filter-sidebar{display:none}.mobile-filter{display:inline-flex}.results-toolbar{gap:12px;margin-bottom:17px}.results-toolbar>.row{gap:8px}.results-toolbar .btn{min-height:38px;font-size:10px;gap:6px;padding:8px 11px}.sort-button>span{max-width:90px;overflow:hidden;text-overflow:ellipsis}.results-toolbar .btn>.icon{width:12px;height:12px}.result-count{font-size:10px}.book-grid,.results-main .book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}.results-main .book-stage{height:235px;padding:26px 24px}.active-filters{gap:7px;margin-bottom:18px}.chip{font-size:9px;min-height:32px;padding:5px 9px;gap:7px}.chip .icon{width:8px;height:8px}.active-filters .btn{font-size:9px;padding:0 7px;min-height:32px}.pagination{gap:18px;font-size:10px;margin-top:27px}.pagination .btn{font-size:10px;min-height:39px;padding:9px 13px}.filter-form .field label{font-size:13px}.filter-form .check-row{min-height:43px;font-size:12px}.filter-form legend{font-size:13px}.filter-form .filter-actions{position:sticky;bottom:-20px;background:var(--surface);padding-block:15px 8px}.sheet,.sheet.wide{width:100%;max-width:100vw;margin:0;top:auto;bottom:0;inset-inline:0;max-height:92dvh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.sheet-heading{padding:12px 20px 13px;top:0}.sheet-heading h2{font-size:18px}.sheet-body{padding:20px;overflow:visible}.sheet-grip{display:block;width:37px;height:4px;border-radius:4px;background:#d9dbcc;margin:9px auto 0}.sheet.search-sheet{max-height:96dvh;height:91dvh}.search-form input{font-size:13px}.search-form .btn{padding:7px 10px;min-height:37px;font-size:10px}.search-block{margin-top:22px}.search-block h3{font-size:12px}.search-history,.suggestion-row{font-size:12px;padding-block:15px}.toasts{inset-inline:16px;max-width:none;bottom:calc(80px + env(safe-area-inset-bottom))}.toast{font-size:11px;padding:12px 13px;gap:9px}.toast>.icon{width:15px;height:15px}.toast button{min-width:25px}.book-detail-top{display:block;margin-bottom:35px}.book-visual{min-height:335px;border-radius:12px}.book-visual:before{width:255px;height:255px}.detail-cover{width:164px}.visual-caption{bottom:24px;font-size:8px}.cover-dots{bottom:11px}.book-visual-actions{top:10px;inset-inline-end:10px}.book-visual-actions .icon-btn{width:34px;height:34px}.book-visual-actions .icon{width:14px;height:14px}.book-info{padding-top:24px}.book-info .eyebrow{font-size:8px}.book-info h1{font-size:30px;margin:8px 0}.original-title{font-size:14px}.detail-author{font-size:11px}.detail-author .text-link{font-size:12px;min-height:34px}.book-ratings{margin:8px 0 18px;gap:12px}.book-ratings .rating{font-size:11px}.book-ratings>span:last-child{font-size:9px}.detail-price{padding-top:15px}.price.large{font-size:29px}.price.large>small{font-size:10px}.availability{font-size:10px;margin-top:9px}.book-description-preview{font-size:11px;margin-top:17px}.book-quick-facts{font-size:10px;gap:23px;margin:17px 0}.book-assurances{padding-block:14px;border-block:1px solid var(--line);margin-top:19px;font-size:9px;gap:20px}.desktop-buy{display:none}.book-content-main>section{margin-bottom:28px}.book-page .section-head h2{font-size:20px}.offer-card{padding:16px;border-radius:10px}.seller-inline .avatar{width:32px;height:32px;min-width:32px;font-size:11px}.seller-name{font-size:11px}.seller-name .icon{width:11px;height:11px}.offer-price .price{font-size:16px}.offer-meta{gap:9px;margin-top:12px;font-size:9px}.offer-meta .price{font-size:9px}.offer-meta .icon{width:11px;height:11px}.condition-note{font-size:9px;padding:9px 11px}.offer-footer{align-items:flex-end;gap:10px}.offer-tags{gap:4px;max-width:58%}.mini-tag{font-size:8px;padding:3px 6px}.offer-footer .btn{font-size:10px;min-height:38px;padding:8px 10px;gap:6px}.offer-footer .btn .icon{width:11px;height:11px}.book-accordion summary{font-size:16px}.book-accordion .prose{font-size:11px}.edition-grid{grid-template-columns:1fr;gap:9px}.edition-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.detail-list{font-size:11px;gap:13px 15px}.review-summary{padding:18px;gap:14px;flex-wrap:wrap}.review-summary>strong{font-size:33px}.review-summary .btn{font-size:10px;min-height:38px;padding:8px 11px}.review-summary p{font-size:9px}.review-list{grid-template-columns:1fr}.review-card{padding:18px}.review-card .row strong{font-size:11px}.review-card p{font-size:11px}.detail-sticky{display:flex;position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));inset-inline:0;z-index:45;background:#fffefaf7;border-top:1px solid var(--line);padding:12px 20px;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 -5px 16px #29382205}.detail-sticky .price{font-size:19px}.detail-sticky .price>small{font-size:8px}.detail-sticky .btn{min-width:180px;min-height:44px;font-size:12px}.detail-mode .market-shell{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.detail-mode .toasts{bottom:calc(160px + env(safe-area-inset-bottom))}.profile-hero{padding:25px;gap:23px;margin-bottom:30px}.profile-avatar{width:80px;height:80px;font-size:33px}.profile-hero h1{font-size:23px}.profile-hero p{font-size:10px}.directory-grid{grid-template-columns:repeat(3,1fr);gap:16px}.store-banner{height:128px;padding:17px;font-size:9px}.store-profile{padding:16px 20px;gap:15px;flex-wrap:wrap}.store-profile-avatar{width:69px;height:69px;margin-top:-50px;border-radius:16px;font-size:23px;min-width:69px}.store-profile>div:nth-child(2){flex:1}.store-profile h1{font-size:21px}.store-profile p{font-size:9px;gap:7px;margin-top:4px}.store-profile .row>.icon{width:15px;height:15px}.store-profile-actions{width:100%;margin:0;gap:10px}.store-profile-actions .btn{flex:1;font-size:11px;min-height:42px}.tabs{gap:9px;margin-block:18px}.tab{font-size:11px;padding:11px 10px;min-height:45px}.tab>span{font-size:8px}.store-page .book-grid{grid-template-columns:repeat(3,1fr)}.store-content{margin-top:22px}.panel{padding:20px}.empty-state{min-height:340px;padding:35px 15px}.empty-state h1,.empty-state h2{font-size:22px}.empty-state p{font-size:11px}.empty-art{width:95px;height:95px;margin-bottom:24px}.empty-state .btn{font-size:11px;min-height:43px}.error-state .button-row{gap:10px}.notice{font-size:10px;line-height:1.9;padding:12px 14px;gap:9px}.notice>.icon{width:13px;height:13px;margin-top:4px}.skeleton-wrap{grid-template-columns:repeat(3,1fr);gap:15px}.skeleton.shape{height:200px}.skeleton.line{height:11px}.form-grid{gap:0 14px}.field label{font-size:11px}.field input,.field select,.field textarea{font-size:13px;min-height:46px}.field-hint{font-size:9px}.account-layout{display:block}.account-menu{display:none}.account-hero{padding:24px;gap:18px}.account-hero .avatar{width:60px;height:60px;font-size:23px;min-width:60px}.account-hero h1{font-size:23px}.account-hero p{font-size:9px}.account-shortcuts{gap:10px;margin-block:20px}.account-shortcut{padding:16px 10px;gap:7px;justify-content:center;flex-direction:column;text-align:center}.account-shortcut strong{font-size:20px}.account-shortcut span{font-size:9px}.account-shortcut>.icon{width:17px;height:17px}.account-links{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.account-link{border:0;border-radius:0;border-bottom:1px solid #eeebdf;min-height:61px;padding:17px 18px;font-size:12px}.account-link:last-child{border-bottom:0}.account-link>.icon:first-child{width:17px;height:17px}.account-link>.icon:last-child{width:10px;height:10px}.account-sell-banner{padding:21px;gap:15px;flex-wrap:wrap}.account-sell-banner h3{font-size:15px}.account-sell-banner p{font-size:10px}.account-sell-banner .btn{font-size:10px;min-height:39px}.cart-layout,.checkout-layout{display:block}.order-summary{position:static;margin-top:25px}.order-summary h2{font-size:18px}.cart-line{padding:19px;gap:15px;position:relative;align-items:flex-start}.cart-cover{width:57px}.cart-line-info{padding-bottom:42px}.cart-line-info h3{font-size:12px}.cart-line-controls{position:static;gap:12px;max-width:100px}.cart-line-controls .price{font-size:14px}.cart-line-controls .quantity-control{position:absolute;bottom:17px;inset-inline-start:91px}.cart-line-controls>.icon-btn{margin-top:6px;width:34px;height:34px}.cart-line-controls .quantity-control button{width:32px}.cart-line-controls .quantity-control span{min-width:28px;font-size:11px}.cart-seller-heading{padding:14px 18px;font-size:12px}.seller-shipping{padding:12px 18px;font-size:10px}.seller-shipping .price{font-size:11px}.summary-rows{font-size:11px;gap:15px}.summary-row .price{font-size:14px}.summary-row.total .price{font-size:23px}.summary-checkout{display:none}.cart-sticky{display:flex;position:fixed;inset-inline:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:12px 20px;background:var(--surface);border-top:1px solid var(--line);z-index:45;justify-content:space-between;align-items:center;gap:16px}.cart-sticky .btn{min-width:180px;font-size:12px;min-height:44px}.cart-sticky .price{font-size:20px}.cart-sticky small{display:block;font-size:8px;color:var(--muted)}.cart-mode .market-shell{padding-bottom:calc(145px + env(safe-area-inset-bottom))}.checkout-section{padding:20px;margin-bottom:15px}.checkout-section-title{margin-bottom:17px}.checkout-section-title h2{font-size:16px}.checkout-section-title>span{width:25px;height:25px;font-size:10px}.checkout-section-title .text-link{font-size:9px}.address-card{padding:15px;gap:10px}.address-card strong{font-size:11px}.address-card p{font-size:10px}.address-card small{font-size:9px}.payment-option{padding:15px;gap:10px}.payment-option strong{font-size:11px}.payment-option p{font-size:9px}.payment-option>.icon{width:20px;height:20px}.terms-row{font-size:10px}.checkout-place .btn{width:100%}.success-page{padding-top:40px;padding-bottom:55px}.success-page h1{font-size:25px}.success-page>p{font-size:11px}.success-receipt{padding:20px}.success-medallion{width:90px;height:90px}.success-medallion>.icon{width:30px;height:30px}.success-page .button-row{flex-direction:column;gap:8px}.success-page .button-row>.btn{width:100%}.orders-grid{grid-template-columns:1fr;gap:15px}.order-card{padding:20px}.order-preview{margin-block:17px}.order-card h3{font-size:15px}.order-card .small{font-size:9px}.order-card .price{font-size:14px}.order-detail-layout{display:flex;flex-direction:column-reverse;gap:0}.order-detail-layout .order-summary{margin-top:0;margin-bottom:20px}.order-detail-panel{padding:20px}.order-detail-panel h2{font-size:16px}.order-item-row{font-size:11px}.order-item-row .price{font-size:13px}.settings-panels{grid-template-columns:1fr;gap:18px}.settings-panels h2{font-size:17px}.settings-panels .toggle-row{font-size:11px}.notifications-list{gap:11px}.notification{padding:17px;gap:12px}.notification-icon{width:35px;height:35px;border-radius:10px}.notification-icon .icon{width:15px;height:15px}.notification h3{font-size:12px}.notification p{font-size:10px;line-height:1.9}.auth-page{display:block;margin:20px 20px 45px;min-height:auto;border-radius:15px}.auth-art{display:none}.auth-form-panel{padding:28px}.auth-form-panel h1{font-size:26px}.auth-form-panel>p{font-size:11px}.auth-links{font-size:10px}.chat-layout{display:block;min-height:550px}.conversation-list{border-inline-end:0;border-bottom:1px solid var(--line)}.chat-layout.has-thread .conversation-list{display:none}.conversation{padding:16px 12px}.chat-header{padding:17px}.chat-header h2{font-size:14px}.chat-messages{padding:20px;max-height:420px;min-height:320px}.message-bubble{max-width:87%;font-size:11px;padding:11px 15px}.chat-form{padding:14px;gap:8px}.chat-form input{font-size:12px;min-height:43px}.chat-form .btn{font-size:11px;min-height:43px;padding-inline:14px}.help-grid{display:block}.help-questions details{padding:19px}.help-questions summary{font-size:13px}.help-questions details p{font-size:11px}.help-grid>aside{margin-top:25px}.wizard-page{padding-top:19px;max-width:600px}.wizard-top{margin-bottom:18px}.wizard-top .btn{font-size:10px;padding:5px 8px;min-height:38px}.wizard-progress-label{font-size:9px}.wizard-step-labels{font-size:8px;margin-bottom:24px}.wizard-head{margin-bottom:23px}.wizard-head .eyebrow{font-size:8px}.wizard-head h1{font-size:25px;line-height:1.8;margin:9px 0}.wizard-head p{font-size:11px}.wizard-panel{padding:22px;border-radius:14px;box-shadow:none}.scan-button{min-height:105px;padding:19px;gap:15px}.scan-button strong{font-size:15px}.scan-button small{font-size:10px}.scan-button>.icon{width:32px;height:32px}.wizard-divider{font-size:9px;margin-block:20px}.wizard-footer{position:fixed;inset-inline:0;bottom:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:60;margin:0;gap:15px}.wizard-footer .btn.primary{flex:1;min-width:0;min-height:47px;font-size:12px}.wizard-footer>.btn.secondary{padding-inline:20px;min-height:47px}.wizard-mode .site-footer,.wizard-mode .mobile-bottom-nav{display:none}.wizard-mode .market-shell{padding-bottom:0}.wizard-mode .header-search,.wizard-mode .header-location{display:none}.wizard-mode .header-main{display:flex;min-height:69px;justify-content:space-between;padding-block:12px}.wizard-mode .announcement{display:none}.wizard-mode .site-header{border-bottom:1px solid var(--line)}.wizard-mode .toasts{bottom:88px}.condition-grid{grid-template-columns:1fr;gap:10px}.condition-choice{min-height:92px;padding:16px;gap:12px}.condition-choice:last-child{grid-column:auto}.condition-choice p{font-size:10px;margin-top:3px}.condition-choice strong{font-size:13px}.condition-indicator{margin-bottom:6px}.condition-indicator i{width:10px;height:3px}.condition-questions .toggle-row{font-size:11px;padding-block:17px}.photo-grid{gap:12px}.photo-slot{aspect-ratio:1}.photo-slot label{font-size:10px;gap:8px}.photo-slot label>.icon{width:25px;height:25px}.photo-slot .book-cover{width:58px}.photo-slot .photo-label{font-size:8px}.price-guidance{gap:12px}.price-guide-card{padding:16px 10px}.price-guide-card>span{font-size:9px}.price-guide-card .price{font-size:17px}.suggested-price{padding:13px;font-size:10px;margin-bottom:20px}.price-input input{min-height:66px;font-size:26px}.delivery-choice{padding:17px;gap:12px}.delivery-choice strong{font-size:12px}.delivery-choice p{font-size:9px}.delivery-choice>.icon{width:22px;height:22px}.listing-preview-top{gap:20px}.listing-preview-top .book-cover{width:82px}.listing-preview-top h2{font-size:17px}.listing-preview-top .price{font-size:23px}.match-card{gap:15px;padding:16px}.match-cover{width:67px}.match-card h3{font-size:13px}.match-card .btn{font-size:10px;padding-inline:11px;min-height:38px}.match-card p{font-size:10px}.listing-cards{grid-template-columns:1fr;gap:16px}.my-listing{padding:20px}.my-listing-cover{width:78px}.my-listing h3{font-size:13px}.listing-status .status{font-size:8px}.listing-card-actions .btn{font-size:10px;min-height:38px}.listing-card-actions>.icon-btn{width:34px;height:34px}.workspace-main{padding:23px 20px 90px}.workspace-header{height:65px;padding-inline:16px}.workspace-header>.row{gap:7px}.workspace-header .demo-pill{font-size:8px;padding-inline:7px}.workspace-header .row .icon-btn{width:34px;height:34px}.workspace-crumb{font-size:10px;gap:8px;margin-inline-start:6px}.workspace-crumb>span{display:none}.workspace-header .avatar{width:30px;height:30px;min-width:30px;font-size:11px}.workspace-main h1{font-size:25px}.workspace-main .page-heading{margin-bottom:22px}.workspace-main .page-heading p{font-size:10px}.workspace-main .page-heading>.row{justify-content:flex-start}.workspace-main .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:17px}.stat-card>.row{gap:6px}.stat-card>.row>span:first-child{font-size:9px}.stat-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0}.stat-icon .icon{width:13px;height:13px}.workspace-main .stat-card>strong,.workspace-main .stat-card>strong .price{font-size:25px}.stat-card>small{font-size:7px;gap:4px;line-height:1.7}.dashboard-grid{display:block}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.attention-card{padding:19px}.attention-card h2{font-size:15px}.attention-card p{font-size:9px;margin-bottom:15px}.attention-card .btn{font-size:9px;padding:8px 10px;min-height:35px}.attention-card>strong{font-size:27px}.workspace-main .panel{padding:20px}.chart-panel>.row h2{font-size:16px}.chart-wrap{margin-top:20px}.chart-legend{font-size:8px}.chart-axis{font-size:8px}.chart-data summary{font-size:9px;min-height:33px}.dashboard-orders{grid-template-columns:1fr;gap:15px}.data-toolbar{gap:10px;margin-bottom:16px}.data-search{min-width:150px;max-width:none}.data-search>input{font-size:11px}.data-toolbar select{font-size:10px;max-width:145px;min-height:43px;padding-inline:10px}.data-toolbar>.btn{font-size:10px;padding-inline:12px;min-height:43px}.data-toolbar>.row{width:100%;justify-content:space-between;gap:10px}.desktop-table{display:none}.mobile-records{display:flex;flex-direction:column;gap:12px}.record-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.record-card .table-book{max-width:none;min-width:0;align-items:flex-start}.record-card .table-book .book-cover{width:55px}.record-card .table-book h3{font-size:12px}.record-card .table-book p{font-size:9px;margin-top:5px}.record-card .record-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.record-card .record-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.record-card .record-details>div{font-size:11px;min-width:0}.record-card .record-details>div>small{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.record-card .record-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:15px}.record-card .record-actions .btn{font-size:10px;min-height:37px;padding:8px 11px}.record-card .record-actions .table-actions{margin-inline-start:auto}.record-card .price{font-size:15px}.record-card h3{font-size:13px}.record-card>p{font-size:10px;color:var(--muted);margin-top:7px}.bulk-bar{padding:11px;gap:8px;font-size:10px;flex-wrap:wrap}.bulk-bar .btn{font-size:9px;min-height:33px;padding:7px 10px}.editor-layout{display:flex;flex-direction:column-reverse;gap:20px}.editor-preview{position:static;width:100%;display:flex;align-items:center;gap:20px;text-align:start}.editor-preview .book-cover{width:75px;margin:0}.editor-preview h3{font-size:14px}.editor-preview .price{font-size:22px}.balance-feature{padding:24px;gap:18px;flex-wrap:wrap}.balance-feature p{font-size:11px}.balance-feature .price{font-size:31px;margin-top:7px}.balance-feature .btn{font-size:11px;min-height:43px}.analytics-periods{gap:1px;max-width:100%;overflow-x:auto}.analytics-periods button{font-size:9px;padding:8px 11px;min-height:35px;white-space:nowrap}.top-book-row{gap:11px}.top-book-row .book-cover{width:36px}.top-book-row h3{font-size:11px}.top-book-row p{font-size:9px}.top-book-row .price{font-size:11px}.moderation-card{padding:19px;gap:16px}.moderation-card>.book-cover{width:73px}.moderation-card h3{font-size:14px}.moderation-card-content .row{gap:7px;flex-wrap:wrap}.moderation-card .button-row{gap:8px;margin-top:15px}.moderation-card .button-row .btn{font-size:10px;padding:8px 11px;min-height:37px}.entity-grid{grid-template-columns:repeat(2,1fr);gap:14px}.entity-card{padding:18px}.entity-card h3{font-size:13px}.entity-card p{font-size:9px}.entity-card .avatar{width:36px;height:36px;font-size:13px}.detail-profile{gap:16px;margin-bottom:22px;padding-bottom:20px}.detail-profile .avatar{width:58px;height:58px;font-size:22px;min-width:58px}.detail-profile h2{font-size:20px!important}.detail-profile p{font-size:10px}.document-preview{padding:18px;gap:13px}.document-preview p{font-size:10px}.document-preview small{font-size:8px}.duplicate-grid{gap:13px}.duplicate-card{padding:19px 13px;gap:12px}.duplicate-card .book-cover{width:95px}.duplicate-card h3{font-size:13px}.duplicate-card p{font-size:9px}.cms-row{padding:16px 13px;gap:10px;flex-wrap:wrap}.cms-index{font-size:10px;width:15px}.cms-row>.icon{width:14px;height:14px}.cms-row-title h3{font-size:11px}.cms-row-title small{font-size:8px}.cms-controls{gap:0}.cms-controls>.icon-btn{width:30px;height:33px}.cms-controls>.icon-btn .icon{width:10px;height:10px}.cms-controls .switch{width:34px;height:20px}.cms-controls .switch:after{width:14px;height:14px}.cms-controls input:checked+.switch:after{inset-inline-start:17px}.audit-event{padding:15px 0;gap:11px;flex-wrap:wrap}.audit-event strong{font-size:11px;overflow-wrap:anywhere}.audit-event p{font-size:9px}.audit-event small{font-size:8px}.lab-grid{gap:13px}.persona-card{padding:20px 14px;gap:11px}.persona-card h3{font-size:12px}.persona-card .avatar{width:49px;height:49px;font-size:21px}.persona-card .btn{font-size:9px;min-height:36px;padding:8px 12px}.lab-tools{grid-template-columns:1fr;gap:18px;margin-block:24px}.route-directory{grid-template-columns:1fr;gap:20px}.route-directory h3{font-size:17px}.route-directory a{font-size:11px;min-height:39px}.state-gallery{grid-template-columns:1fr;gap:18px}.workspace-more{grid-template-columns:repeat(2,1fr);gap:13px}.workspace-more a{padding:22px;font-size:11px}}
@media(max-width:599px){:root{--gutter:18px}.shelf-track{grid-auto-columns:calc((100% - 34px)/2.35);gap:13px}.book-stage{height:216px;padding:23px 20px}.hero-copy h1{font-size:27px}.hero-panel{padding-inline:20px;min-height:230px}.hero-copy{width:65%}.hero-copy .eyebrow{font-size:6.8px}.hero-copy p{font-size:8.5px}.hero-scene{width:34%}.hero-book-2{width:86px;inset-inline-end:7%;top:52px}.hero-book-0{width:74px;top:76px;inset-inline-start:-3%}.hero-book-1{display:none}.hero-footnote{font-size:6.7px}.section-head h2{font-size:19px}.section-head .text-link{font-size:8.5px}.used-feature .shelf-track{grid-auto-columns:calc((100% - 28px)/2.4);gap:13px}.used-feature .book-stage{height:173px;padding:19px 15px}.used-copy h2{font-size:22px}.stores-track{grid-auto-columns:calc((100% - 24px)/2.25)}.book-grid,.results-main .book-grid,.store-page .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.results-main .book-stage{height:235px;padding:25px 23px}.book-grid .book-stage{height:239px;padding:26px 24px}.book-card h3{font-size:11px}.book-card .price{font-size:11px}.book-detail-top{margin-bottom:28px}.book-visual{min-height:316px}.detail-cover{width:150px}.book-info h1{font-size:27px}.book-content-main>section{margin-bottom:25px}.profile-hero{display:block;text-align:center;padding:27px 21px}.profile-avatar{margin:0 auto 13px;width:80px;height:80px}.profile-hero .eyebrow{justify-content:center}.profile-hero h1{font-size:23px}.profile-hero p{font-size:10px}.directory-grid{grid-template-columns:repeat(2,1fr);gap:15px}.category-card{padding:18px;min-height:217px}.category-card h2{font-size:15px}.category-card p{font-size:8.5px}.category-symbol{width:46px;height:46px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.account-hero{padding:22px;gap:15px}.account-hero h1{font-size:21px}.account-hero p{font-size:9px}.account-shortcut strong{font-size:19px}.account-shortcut span{font-size:8.5px}.account-shortcuts{gap:9px}.account-shortcut{padding:16px 7px}.cart-line-controls>.price{font-size:12px}.cart-line{padding:17px;gap:13px}.cart-line-controls .quantity-control{inset-inline-start:86px;bottom:16px}.cart-line-info h3{font-size:11px}.cart-line .book-author{font-size:9px}.cart-cover{width:54px}.cart-line-info .condition{font-size:8px}.order-summary h2{font-size:17px}.checkout-section{padding:18px}.checkout-section-title h2{font-size:15px}.checkout-section-title .text-link{font-size:8.5px}.payment-option{padding:14px;gap:9px}.payment-option strong{font-size:11px}.payment-option p{font-size:9px}.cart-sticky,.detail-sticky{padding-inline:18px;gap:13px}.cart-sticky .btn,.detail-sticky .btn{min-width:158px;font-size:11px;padding-inline:15px}.cart-sticky .price,.detail-sticky .price{font-size:18px}.store-profile h1{font-size:20px}.store-profile-avatar{width:62px;height:62px;min-width:62px;font-size:21px}.store-profile p{font-size:8px;gap:5px}.store-profile .rating{font-size:8px}.store-profile{padding:17px;gap:12px}.store-profile-actions{margin-top:3px}.notice{font-size:9px}.wizard-page{padding-inline:18px}.wizard-head h1{font-size:23px}.wizard-head p{font-size:10px}.wizard-panel{padding:20px}.wizard-top .btn{font-size:9px}.wizard-step-labels{font-size:7px}.wizard-progress-label{font-size:8px}.wizard-footer{padding-inline:18px}.wizard-head .eyebrow{font-size:7px}.scan-button strong{font-size:14px}.scan-button small{font-size:9px}.condition-choice{min-height:92px}.condition-choice strong{font-size:13px}.condition-choice p{font-size:9px}.toggle-row{font-size:11px}.price-guide-card .price{font-size:16px}.price-guide-card>span{font-size:8px}.price-guide-card{padding-inline:8px}.suggested-price{font-size:9px}.delivery-choice{gap:10px;padding:16px 14px}.delivery-choice strong{font-size:11px}.delivery-choice p{font-size:9px}.delivery-choice>.icon{width:21px;height:21px}.photo-slot{aspect-ratio:.92}.wizard-search-result{font-size:11px}.listing-preview-top .book-cover{width:76px}.listing-preview-top h2{font-size:16px}.listing-preview-top .price{font-size:22px}.workspace-main{padding-inline:18px}.workspace-main h1{font-size:23px}.workspace-main .page-heading p{font-size:10px}.workspace-main .stat-card{padding:16px}.workspace-main .stat-card>strong,.workspace-main .stat-card>strong .price{font-size:23px}.stat-card>.row>span:first-child{font-size:8px}.stat-grid{gap:11px!important}.stat-icon{width:24px;height:24px}.stat-icon .icon{width:12px;height:12px}.workspace-main .panel{padding:18px}.attention-card h2{font-size:14px}.attention-card p{font-size:8.5px}.attention-card{padding:17px}.attention-card .btn{font-size:8px;padding-inline:8px;gap:5px}.dashboard-side{gap:11px}.workspace-main .page-heading .btn{font-size:10px;min-height:42px}.workspace-header{padding-inline:12px}.workspace-header .demo-pill{display:none}.workspace-crumb{font-size:10px}.workspace-header .row{gap:4px}.data-toolbar select{max-width:130px;font-size:9px}.data-search>input{font-size:10px}.record-card .record-details{gap:14px}.record-card .record-details>div{font-size:10px}.balance-feature .price{font-size:30px}.balance-feature .btn{font-size:10px;min-height:41px}.analytics-periods button{font-size:9px;padding-inline:10px}.cms-row{gap:7px;padding:14px 11px}.cms-index{width:12px;font-size:9px}.cms-row-title h3{font-size:10px}.cms-row-title small{font-size:8px}.cms-controls>.icon-btn{width:27px}.cms-controls .toggle-row{margin-inline-start:3px}.duplicate-card .book-cover{width:84px}.duplicate-card h3{font-size:12px}.duplicate-card p{font-size:8px}.duplicate-card{padding:18px 11px}.entity-card h3{font-size:12px}.entity-card p{font-size:8.5px}.entity-card{padding:16px}.skeleton-wrap{grid-template-columns:repeat(2,1fr)}.skeleton-wrap.rows,.skeleton-wrap.orders,.skeleton-wrap.profile{grid-template-columns:1fr}}
@media(max-width:389px){:root{--gutter:16px}.header-main{gap:0 13px}.header-actions{gap:14px}.header-location{font-size:8px;gap:4px}.logo{min-width:79px}.hero-copy h1{font-size:25px}.hero-panel{padding:18px;min-height:220px}.hero-copy .eyebrow{font-size:6px}.hero-copy p{font-size:8px}.hero-footnote{font-size:6px}.hero-book-2{width:78px;inset-inline-end:6%;top:56px}.hero-book-0{width:65px;top:81px}.hero-ring{width:150px;height:150px;inset-inline-end:-50px;top:40px}.hero-copy{width:66%}.hero-actions .btn{font-size:8.5px;padding-inline:10px}.shelf-track{grid-auto-columns:calc((100% - 24px)/2.25);gap:12px}.book-stage{height:199px;padding:22px 17px}.book-grid .book-stage,.results-main .book-stage{height:217px;padding:25px 21px}.book-card h3{font-size:10px}.book-card .price{font-size:10px}.book-card .rating{font-size:8px}.book-card .rating .icon{width:8px;height:8px}.book-card-bottom{gap:4px}.section-head h2{font-size:18px}.used-copy h2{font-size:21px}.used-feature{padding:18px}.used-feature .book-stage{height:162px;padding:18px 13px}.used-feature .shelf-track{grid-auto-columns:calc((100% - 23px)/2.25)}.category-shortcuts{gap:17px}.category-card{padding:16px;min-height:216px}.category-card h2{font-size:14px}.category-card p{font-size:8px}.results-toolbar .btn{font-size:9px;padding-inline:10px}.sort-button>span{max-width:79px}.result-count{font-size:9px}.book-grid{gap:22px 12px}.offer-card{padding:14px}.offer-price .price{font-size:15px}.offer-footer .btn{font-size:9px;padding-inline:9px}.mini-tag{font-size:7px}.seller-name{font-size:10px}.offer-meta{font-size:8px;gap:7px}.offer-meta .price{font-size:8px}.detail-sticky .btn,.cart-sticky .btn{min-width:149px;font-size:10px}.detail-sticky,.cart-sticky{padding-inline:16px}.detail-sticky .price,.cart-sticky .price{font-size:17px}.sheet-body{padding:18px}.sheet-heading{padding-inline:18px}.sheet-heading h2{font-size:16px}.wizard-page{padding-inline:16px}.wizard-panel{padding:18px}.wizard-head h1{font-size:22px}.wizard-step-labels{font-size:6.5px}.wizard-footer{padding-inline:16px}.scan-button{padding:18px 15px;gap:12px}.scan-button strong{font-size:13px}.scan-button small{font-size:8.5px}.delivery-choice{padding:15px 11px;gap:9px}.delivery-choice strong{font-size:10px}.delivery-choice p{font-size:8px}.condition-choice p{font-size:8.5px}.account-hero h1{font-size:20px}.account-hero{padding:20px;gap:12px}.account-shortcut span{font-size:8px}.workspace-main{padding-inline:16px}.workspace-main .stat-card{padding:14px}.workspace-main .stat-card>strong,.workspace-main .stat-card>strong .price{font-size:21px}.stat-card>.row>span:first-child{font-size:7.5px}.workspace-main .panel{padding:16px}.data-search{min-width:135px}.data-toolbar{gap:8px}.data-toolbar select{max-width:120px;padding-inline:8px;font-size:9px}.record-card{padding:16px}.record-card .table-book h3{font-size:11px}.record-card .record-actions .btn{font-size:9px;padding-inline:9px}.attention-card .btn{font-size:7.5px}.cms-controls>.icon-btn{width:25px}.cms-row-title h3{font-size:9px}.cms-controls .switch{width:30px;height:18px}.cms-controls .switch:after{width:12px;height:12px}.cms-controls input:checked+.switch:after{inset-inline-start:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.site-header,.announcement,.mobile-bottom-nav,.workspace-sidebar,.workspace-header,.toasts,.sheet,.site-footer,.btn,.icon-btn{display:none!important}.workspace-shell,.order-detail-layout{display:block}.workspace-main,.page{padding:0}.panel,.order-detail-panel{break-inside:avoid;box-shadow:none}body{background:white;color:black}}
/* Application flow components — structural styles shared across customer and workspaces. */
#main-content:focus{outline:none}.page-pad{padding-block:32px 64px;min-height:60vh}.narrow{max-width:800px;margin-inline:auto}.center{text-align:center}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.mobile-only{display:none}.account-content,.account-layout>div,.workspace-main,.workspace-content,.editor-layout>*,.cart-layout>*,.dashboard-grid>*{min-width:0}.account-shortcuts>a{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.account-shortcuts>a>.icon{grid-row:span 2;color:var(--accent)}.account-shortcuts>a strong{font-size:23px;line-height:1.5}.account-shortcuts>a span{font-size:12px;color:var(--muted)}.account-links>a{display:flex;align-items:center;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:11px;min-height:66px;font-size:13px}.account-links>a>.icon:last-child{margin-inline-start:auto}.link-icon{display:flex;align-items:center;justify-content:center;background:#eff0e5;color:var(--forest);width:36px;height:36px;border-radius:10px}.application-link{display:flex;align-items:center;gap:10px;padding:18px 2px;font-size:12px}.account-menu>.eyebrow{padding:14px}.account-menu a>.icon:last-child{margin-inline-start:auto}.account-hero>.icon-btn{margin-inline-start:auto}.account-hero h2{font-size:25px}.account-sell-banner h3{font-size:20px}.account-sell-banner p{font-size:12px}.seller-group{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);margin-bottom:20px}.seller-group-title{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);font-weight:600}.seller-group-title>.muted{margin-inline-start:auto;font-weight:400}.seller-group-title .avatar{color:var(--surface)}.cart-line-info>.price{display:block;margin-block:8px}.cart-line-controls{flex-direction:row;align-items:center;justify-content:space-between;max-width:170px}.quantity-control{height:42px}.quantity-control button{width:40px;height:40px}.quantity-control output{min-width:32px;text-align:center;font-size:14px}.summary-panel{position:sticky;top:150px;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}.summary-panel h2{font-size:20px;margin-bottom:24px}.summary-line{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-block:14px;font-size:13px}.summary-line>span:first-child{color:var(--muted);min-width:0}.summary-line.total{border-top:1px solid var(--line);padding-top:20px;margin-top:22px;margin-bottom:24px}.summary-line.total .price{font-size:23px}.secure-note{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--muted);line-height:1.9;margin-top:20px}.secure-note>.icon{flex-shrink:0;margin-top:3px}.coupon-form{align-items:center;gap:12px}.coupon-form .field{flex:1;margin:0}.coupon-form>.btn{margin-bottom:18px}.checkout-section-title{font-size:18px}.checkout-section-title>span{flex-shrink:0}.address-options,.address-grid{display:grid;gap:12px}.address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-card>div{min-width:0}.address-card p{overflow-wrap:anywhere}.address-card>.icon-btn{margin-inline-start:auto;flex-shrink:0}.address-card:has(input:checked){border-color:var(--accent);background:#fcf5e9}.delivery-review{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.delivery-review>div{display:flex;align-items:flex-start;gap:12px}.delivery-review p{font-size:12px;color:var(--muted);margin-top:6px;max-width:420px}.payment-option>span:last-child{flex:1}.payment-option small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.payment-icon{color:var(--accent);display:flex;flex-shrink:0}.terms{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:2;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.terms input{margin-top:5px;flex-shrink:0}.checkout-coupon{max-width:550px;margin-top:25px}.success-card{max-width:580px;margin:25px auto;padding:40px 32px;background:var(--surface);border:1px solid var(--line);border-radius:22px;text-align:center;box-shadow:var(--shadow)}.success-card>.eyebrow{justify-content:center}.success-card h1{font-size:28px;line-height:1.8;margin-block:15px}.success-card>p{font-size:14px;color:var(--muted)}.success-card>.btn,.success-card>.notice,.success-card>.text-link{margin-top:16px}.success-illustration{width:104px;height:104px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9eedf;color:var(--forest);margin:8px auto 30px;position:relative;outline:1px dashed #c3cbb4;outline-offset:9px}.success-illustration>span{position:absolute;bottom:0;left:0;background:var(--forest);color:white;width:30px;height:30px;border:4px solid var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-order{padding:20px;margin-block:24px;border-block:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between;text-align:start}.success-order small{display:block;color:var(--muted);font-size:11px}.success-order strong{font-size:18px}.delivery-estimate{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0;font-size:12px;color:var(--muted)}.success-book{width:112px;position:relative;margin:0 auto 30px;transform:rotate(-5deg);box-shadow:6px 14px 20px #25352b22}.success-book>span{position:absolute;bottom:-8px;left:-10px;background:var(--forest);color:white;border:4px solid var(--surface);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.order-split{margin-bottom:22px}.section-label{font-size:15px;margin-top:26px}.order-items{margin-top:22px;border-top:1px solid var(--line)}.order-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.order-item .condition{margin-top:8px}.order-split .button-row{margin-top:22px}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.settings-form{max-width:700px}.settings-form h2{font-size:19px;margin:24px 0 8px}.form-actions{margin-top:24px}.notification-list{display:flex;flex-direction:column;gap:12px}.notification{display:flex;text-align:start;gap:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px;width:100%;align-items:flex-start}.notification.unread{background:#f1f0e4;border-color:#d6dcc7}.notification-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:#ede9dc;border-radius:11px;color:var(--forest);flex-shrink:0}.notification strong{font-size:14px}.notification p{font-size:12px;color:var(--muted);margin:5px 0}.notification small{font-size:10px;color:var(--muted)}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-inline-start:auto;flex-shrink:0}.chat-heading{padding:18px;border-bottom:1px solid var(--line);font-size:15px;display:flex;align-items:center;gap:10px}.chat-bubble{background:#edf0e3;padding:14px 18px;border-radius:14px 14px 3px 14px;max-width:85%;align-self:flex-start;font-size:13px;line-height:1.9}.chat-bubble.mine{align-self:flex-end;background:#efe3d2;border-radius:14px 14px 14px 3px}.chat-bubble time{font-size:10px;color:var(--muted);display:block;text-align:end}.chat-composer{display:flex;gap:10px;padding:16px;border-top:1px solid var(--line)}.chat-composer input{flex:1;min-width:0}.conversation.selected{background:#f1eadf}.conversation strong{font-size:13px}.conversation>div{min-width:0}.count-badge{background:var(--accent);color:white;display:inline-flex;padding:0 6px;align-items:center;justify-content:center;border-radius:12px;font-size:11px;height:22px}.reviews-list{display:grid;gap:16px}.help-list{margin-bottom:25px}.accordion{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:12px}.accordion>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:600;gap:15px;list-style:none}.accordion>p{padding-top:16px;font-size:13px;line-height:2;color:var(--muted)}.auth-page{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;padding-block:55px 80px;gap:60px}.auth-story{padding:45px 25px;background:#e9e6d6;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.auth-story h2{font-size:34px;margin:25px 0}.auth-story p{font-size:14px;line-height:2;max-width:360px}.auth-art{padding-top:30px;color:var(--forest)}.auth-card{padding:25px 0}.auth-card h1{font-size:27px;margin:26px 0 10px}.auth-card>p{color:var(--muted);font-size:14px}.auth-card .notice{margin-block:20px}.auth-logo{display:flex;gap:10px;align-items:center;color:var(--accent)}.auth-logo strong{font-size:24px}.auth-card form>.text-link{display:flex;margin:15px 0}.auth-card form>.btn{margin-top:15px}.auth-footer{margin-block:22px;font-size:12px}.auth-footer .text-link{display:inline-block}.tracking-art,.document-demo{text-align:center;padding:30px 15px}.tracking-art>.icon,.document-demo>.icon{display:block;margin:0 auto 24px;color:var(--accent)}.tracking-art bdi{font-size:23px}.tracking-art p{margin-top:16px;color:var(--muted)}
/* Sell-a-book wizard. */
.wizard-progress{display:block;overflow:hidden;border-radius:8px;height:5px;background:#e5e3d7;margin-bottom:20px}.wizard-progress>span{display:block;flex:none;height:100%;background:var(--accent);transition:width .2s ease}.wizard-steps{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block:20px 35px}.wizard-steps>span{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted);font-size:11px;flex:1}.wizard-steps b{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#eae7dc;font-size:11px}.wizard-steps .active{color:var(--accent);font-weight:600}.wizard-steps .active b{background:var(--accent);color:white}.wizard-head h1{font-size:27px;line-height:1.8}.wizard-head p{font-size:13px}.scan-button{background:var(--forest)!important;color:white!important;border-style:solid;justify-content:center;gap:14px;font-size:18px;min-height:98px}.scan-button>.icon{color:inherit!important;width:33px!important;height:33px!important;margin:0!important}.identify-options>p{margin-top:10px;font-size:12px}.or-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-block:25px}.or-divider:before,.or-divider:after{content:'';height:1px;background:var(--line);flex:1}.lookup-form{display:flex;align-items:center;gap:12px;margin-top:12px}.lookup-form .field{flex:1;min-width:0}.lookup-form .btn{margin-top:5px}.lookup-results{border-top:1px solid var(--line);margin-top:15px}.lookup-result{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);width:100%;text-align:start}.lookup-result>div{width:45px;flex-shrink:0}.lookup-result>span{flex:1}.lookup-result strong{display:block;font-size:14px}.lookup-result small{font-size:12px;color:var(--muted)}.match-card{margin-top:24px;padding:22px;display:flex;gap:25px;background:#f3f1e6;border:1px solid #d8dcca;border-radius:12px;align-items:center}.match-cover{width:96px;flex-shrink:0}.match-card h3{font-size:19px;margin-block:8px}.match-card p{font-size:13px;margin-bottom:15px}.match-card .btn{margin-top:8px}.condition-options{display:flex;flex-direction:column;gap:12px}.condition-option{border:1px solid var(--line);border-radius:12px;display:flex;gap:16px;align-items:center;padding:18px;cursor:pointer}.condition-option:has(input:checked){border-color:var(--accent);background:#fbf3e7;box-shadow:0 0 0 1px #a6563415}.condition-option>input{flex-shrink:0}.condition-option-icon{color:var(--forest);display:flex}.condition-option>span:nth-last-child(2){flex:1}.condition-option strong{display:block;font-size:16px}.condition-option small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.radio-indicator{display:none}.photo-slot .photo-upload{position:absolute;inset:0;cursor:pointer;z-index:1}.photo-slot .photo-label{position:absolute;bottom:10px;left:5px;right:5px;text-align:center;font-size:12px;color:var(--muted);pointer-events:none}.photo-slot.filled .photo-label{background:#fcfaf1e8;left:12px;right:12px;border-radius:5px}.photo-slot>.icon-btn{position:absolute;top:5px;inset-inline-end:5px;z-index:2;background:var(--surface);border-radius:50%}.photo-slot .book-cover{max-height:85%;aspect-ratio:2/3;width:auto;margin-bottom:10px}.photo-grid+.btn{margin-top:22px}.asking-price input{font-size:32px;padding:20px;text-align:center;font-weight:700;min-height:85px;direction:ltr}.price-reference{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:27px}.price-reference>div{border:1px solid var(--line);padding:18px;background:var(--wash);border-radius:10px}.price-reference span:first-child{font-size:12px;color:var(--muted);display:block}.price-reference .price{margin-top:6px;display:block;font-size:20px;color:var(--ink)}.delivery-options{display:flex;flex-direction:column;gap:15px}.delivery-option{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:20px;cursor:pointer}.delivery-option:has(input:checked){background:#fcf3e5;border-color:var(--accent)}.delivery-icon{color:var(--forest)}.delivery-option strong{display:block;font-size:15px}.delivery-option small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.delivery-option>input{flex-shrink:0}.preview-gallery{display:flex;gap:12px;overflow-x:auto;background:#ede9de;border-radius:13px;padding:22px;scroll-snap-type:x mandatory}.preview-gallery>div,.preview-gallery>img{width:120px;min-width:120px;flex-shrink:0;scroll-snap-align:start;object-fit:contain;max-height:200px}.preview-info{padding-top:22px}.preview-info h2{font-size:25px;margin-top:12px}.preview-info>p{font-size:13px;margin-top:8px}.preview-info>.price{display:block;font-size:30px;margin-block:16px}.preview-condition{display:flex;flex-wrap:wrap;gap:8px;margin-block:15px}.scan-demo{padding:12px 0;text-align:center}.scan-frame{display:flex;justify-content:center;align-items:center;height:260px;background:#23382d;border-radius:14px;color:#faf8eb;position:relative;overflow:hidden;margin-bottom:22px}.scan-frame:after{content:'';position:absolute;inset:45px 35px;border:1px solid #afbd94;border-radius:8px}.scan-line{position:absolute;left:35px;right:35px;top:50%;height:2px;background:#c88655;box-shadow:0 0 18px #c88655;animation:scan-pass 2s ease-in-out infinite alternate}.scan-demo p{font-size:13px;color:var(--muted);margin-bottom:20px}@keyframes scan-pass{from{transform:translateY(-50px)}to{transform:translateY(50px)}}.my-listings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.my-listing-main>div:last-child{min-width:0}.my-listing-main .price{display:block;margin:10px 0}.my-listing-main small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.draft-banner{display:flex;align-items:center;gap:14px;padding:18px;background:#f0eadb;border:1px dashed #d1c3a8;border-radius:12px;margin-bottom:20px;font-size:13px}.draft-banner .btn{margin-inline-start:auto}.listing-detail-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:55px;max-width:1050px;margin-inline:auto}.listing-gallery{display:flex;align-items:center;justify-content:center;background:#ede9df;border-radius:18px;padding:36px;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;align-self:start}.listing-gallery>.book-cover{width:250px;flex-shrink:0}.listing-gallery>img{max-height:450px;max-width:100%;object-fit:contain;scroll-snap-align:start;flex-shrink:0}.listing-detail-info h1{font-size:32px;line-height:1.8;margin-top:15px}.listing-detail-info>p{font-size:14px;line-height:2;color:var(--muted);margin-block:12px}.listing-detail-info>.price{display:block;font-size:32px;margin:20px 0}.listing-detail-info>.delivery-estimate{justify-content:flex-start}.listing-detail-info .seller-inline{margin-top:25px}.listing-detail-info .notice{margin-top:25px}
/* Responsive professional workspaces. */
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}.workspace-main{margin:0;padding:0;max-width:none;min-width:0}.workspace-content{max-width:1540px;margin-inline:auto;padding:32px}.workspace-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.workspace-welcome h1{margin-block:8px;font-size:29px}.workspace-welcome p{font-size:13px;color:var(--muted)}.workspace-welcome>.button-row{flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-block:24px}.stats-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card>.row>span:first-child{font-size:12px}.stat-card>small{font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;margin-bottom:30px}.studio-note{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;background:#ebe8da}.studio-note h2{font-size:21px!important}.studio-note p{font-size:12px;color:var(--muted)}.note-illustration{color:var(--forest);margin-bottom:10px}.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.table-search{display:flex;gap:10px;align-items:flex-end;max-width:440px;flex:1}.table-search .field{flex:1;margin:0;min-width:0}.table-search label{display:none}.table-search .field-error{display:none}.table-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;font-size:12px;color:var(--muted)}.table-meta .button-row{flex-wrap:wrap}.sort-inline{display:flex;align-items:center;gap:10px;font-size:12px}.sort-inline select{width:auto;min-height:38px;font-size:12px;padding:5px 28px 5px 9px}.data-table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px;text-align:start}.data-table th{padding:15px 18px;background:#f2f0e7;color:var(--muted);font-weight:500;text-align:start;white-space:nowrap;border-block:1px solid var(--line);font-size:11px}.data-table td{padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:hover td{background:#f8f5eb}.data-table td>small,.data-table .table-title>small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.table-title{font-weight:500}.table-actions{display:flex;align-items:center;gap:6px}.table-actions .btn{font-size:11px;padding-inline:8px;min-height:38px}.table-book{display:flex;gap:14px;align-items:center;min-width:180px}.table-book>div{width:43px;flex-shrink:0}.table-book span{min-width:0;max-width:230px}.table-book strong{font-size:12px;display:block}.table-book small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.data-table .price{font-size:13px}.person-cell{display:flex;align-items:center;gap:12px}.person-cell .avatar{color:var(--surface)}.person-cell strong{font-size:13px}.low-stock{color:var(--danger);background:#f7e5da;padding:4px 8px;border-radius:5px;white-space:nowrap}.check-cell{width:35px}.table-panel>.section-head{padding:22px 22px 0}.table-panel .pagination{padding:20px;margin:0}.mobile-record{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.mobile-record-title{font-size:15px;margin-bottom:15px;font-weight:600}.mobile-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:12px}.mobile-record dl>div{min-width:0}.mobile-record dt{font-size:11px;color:var(--muted);margin-bottom:4px}.mobile-record dd{margin:0;overflow-wrap:anywhere}.record-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:16px;flex-wrap:wrap}.record-select{display:flex;align-items:center;gap:8px;font-size:11px;justify-content:flex-end;margin-bottom:10px}.editor-layout{grid-template-columns:240px minmax(0,1fr)}.editor-preview h2{font-size:19px}.period-controls{margin-bottom:22px}.period-controls .form-grid{margin-block:15px;align-items:end}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.balance-card{background:var(--forest);color:#f5eedf;border-radius:16px;padding:35px;display:flex;flex-direction:column;justify-content:center;gap:20px}.balance-card>span{font-size:15px;color:#d8dfca}.balance-card .price{font-size:40px;color:inherit}.balance-card .price .currency{color:#c6d2b7}.balance-card>div{display:flex;gap:8px;align-items:center;font-size:12px;color:#c6d2b7}.balance-stat{display:grid;grid-template-columns:1fr 1fr;gap:20px}.store-custom-preview{background:var(--store-color);padding:32px 24px;color:#fff8e9;border-radius:16px;align-self:start;text-align:center}.store-custom-preview .avatar{outline:1px solid #fff4;outline-offset:6px;margin-bottom:20px}.store-custom-preview h2{font-size:22px}.store-custom-preview p{font-size:12px;line-height:2;color:#fffce5cc}.more-grid,.admin-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.more-grid>a,.admin-quick-grid>a{display:flex;gap:18px;flex-direction:column;align-items:flex-start}.more-grid h2,.admin-quick-grid h3{font-size:17px}.more-grid>a>.icon:first-child,.admin-quick-grid>a>.icon:first-child{color:var(--accent)}.attention-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.attention-row>span:not(.avatar){flex:1}.attention-row strong{font-size:13px;display:block}.attention-row small{font-size:11px;color:var(--muted)}.attention-row .avatar{color:#fff}.queue-link{display:flex;gap:12px;align-items:center;font-size:13px;padding:17px 0}.queue-link>.icon:last-child{margin-inline-start:auto}.attention-panel h2{margin-top:14px}.entity-profile{max-width:680px}.entity-profile>h2{margin-block:20px}.seller-review-layout,.record-detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}.seller-review-heading{display:flex;gap:22px;align-items:center;margin-bottom:20px}.seller-review-heading .avatar{color:white}.seller-review-heading h2{font-size:23px!important}.seller-review-heading p{font-size:13px;color:var(--muted);margin:4px 0 8px}.seller-review-layout .panel>p{font-size:13px;line-height:2;margin-bottom:25px}.seller-review-layout h3{font-size:17px;margin-top:20px}.document-placeholder{display:flex;align-items:center;gap:16px;width:100%;padding:22px;background:#f1efe6;border:1px dashed #c8cdb6;border-radius:12px;text-align:start;margin:20px 0}.document-placeholder>span{flex:1;font-size:12px;min-width:0}.document-placeholder small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.document-placeholder>.icon{color:var(--accent)}.catalog-tools{display:flex;gap:12px;margin-bottom:20px}.catalog-tools .filter-chip{padding:7px 15px;background:var(--surface);border:1px solid var(--line);border-radius:30px}.duplicate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:22px}.duplicate-card{padding:25px;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:block}.duplicate-card:has(input:checked){border-color:var(--accent);background:#faf3e7}.duplicate-card>span{font-size:13px;margin-inline-start:10px}.duplicate-cover{width:110px;margin-block:25px}.duplicate-card h2{font-size:20px!important;margin-bottom:10px}.duplicate-card p{font-size:12px;line-height:2;margin-top:14px}.moderation-grid,.review-moderation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.moderation-card .button-row{margin-top:22px}.moderation-main{display:flex;gap:20px}.moderation-cover{width:95px;flex-shrink:0}.moderation-main>div:last-child{min-width:0;flex:1}.moderation-main h2{font-size:19px!important;margin-block:8px}.moderation-main .price{display:block;margin-top:10px}.moderation-main p{font-size:12px;color:var(--muted);line-height:1.9;margin-block:12px}.moderation-main .seller-inline{margin-block:14px;font-size:12px}.cms-row{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:12px}.cms-row>div:not(.cms-controls){flex:1;min-width:0}.cms-row strong{display:block;font-size:14px}.cms-row small{font-size:11px;color:var(--muted)}.cms-number{font-size:18px;font-weight:600;color:#a9ad99;min-width:25px}.cms-controls{display:flex;gap:2px}.drag-handle{cursor:grab;color:#acb29b}.cms-row.dragging{opacity:.4}.record-detail-layout .detail-list{margin-block:22px}.record-detail-layout .detail-list dd{overflow-wrap:anywhere}.record-detail-layout .price{display:block;margin-top:20px}.record-detail-layout form h2{margin-bottom:25px}.data-table code{font-size:11px;overflow-wrap:anywhere;white-space:normal}
/* Demo controls and non-blocking feedback. */
.lab-page{max-width:1180px}.lab-page>section{margin-block:32px}.persona-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.persona-card{cursor:pointer}.persona-card.selected{border-color:var(--accent);background:#faf0e2}.persona-card p{font-size:12px;color:var(--muted)}.fault-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.route-map>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.route-map h3{font-size:18px;margin:24px 0 15px}.route-map a{font-size:12px;padding:10px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere}.route-map code{font-size:11px}.toast-region{position:fixed;bottom:25px;inset-inline-end:25px;z-index:300;width:min(410px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast button{min-width:40px;min-height:40px}.sticky-action{position:fixed;inset-inline:0;bottom:calc(69px + env(safe-area-inset-bottom));padding:12px 20px;background:#fffdf7f5;backdrop-filter:blur(12px);box-shadow:0 -6px 25px #25352b0a;border-top:1px solid var(--line);align-items:center;justify-content:space-between;gap:12px;z-index:35}.sticky-action>div>span{display:block}.avatar.large{width:70px;height:70px;font-size:25px;display:inline-flex}.field>label{font-size:13px}.field-hint{font-size:11px}.input, input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:14px}.notice p{font-size:12px}.record-detail-layout .detail-list,.summary-panel p{font-size:13px;line-height:2}.address-card small{font-size:11px}.btn .icon{flex-shrink:0}
@media(max-width:1199px){.workspace{grid-template-columns:200px minmax(0,1fr)}.workspace-content{padding:24px}.workspace-welcome{align-items:flex-start;flex-direction:column}.stats-grid{gap:14px}.stat-card>strong .price{font-size:23px}.moderation-grid{grid-template-columns:1fr}.workspace-content .book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.table-toolbar{flex-wrap:wrap}.data-table td,.data-table th{padding-inline:12px}.order-detail-layout{grid-template-columns:minmax(0,1fr) 270px}.account-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}}
@media(max-width:1023px){.workspace{display:block}.workspace>.workspace-sidebar{display:none}.workspace-main{padding:0}.workspace-header>.icon-btn{display:flex}.workspace-content{padding:24px}.workspace-header{height:70px;padding-inline:24px}.workspace-sidebar.mobile-menu{display:flex;position:static;height:auto;padding:0;border:0}.account-layout{display:block}.account-menu{display:none}.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.account-links{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)}.seller-review-layout{grid-template-columns:1fr 1fr}.workspace-content .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-page{gap:35px}.order-detail-layout{grid-template-columns:1fr}.order-detail-layout .summary-panel{position:static}.editor-layout{grid-template-columns:200px minmax(0,1fr)}.summary-panel{top:100px}.account-shortcuts>a{padding:18px}.finance-grid{grid-template-columns:1fr 1fr}.balance-stat{grid-template-columns:1fr}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.page-pad{padding-block:24px 44px}.narrow{width:auto}.mobile-only{display:flex}.desktop-only{display:none!important}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:24px;line-height:1.65}.page-heading p{font-size:12px;line-height:1.9}.account-hero{padding:22px;gap:15px}.account-hero h2{font-size:21px}.account-hero .avatar{width:58px;height:58px;font-size:23px}.account-hero>.icon-btn{margin-inline-start:auto}.account-shortcuts{gap:8px;margin-block:18px}.account-shortcuts>a{padding:16px 8px;display:flex;flex-direction:column;gap:5px;text-align:center}.account-shortcuts>a>.icon{width:18px;height:18px}.account-shortcuts>a strong{font-size:22px}.account-shortcuts>a span{font-size:11px;line-height:1.8}.account-links{grid-template-columns:1fr;gap:9px}.account-links>a{padding:14px;font-size:13px;min-height:62px}.application-link{font-size:12px}.account-sell-banner h3{font-size:18px}.account-sell-banner{padding:20px;gap:12px}.account-sell-banner>.btn{min-width:65px}.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-line{padding:18px 15px;gap:14px;position:relative}.cart-cover{width:65px}.cart-line-info h3{font-size:15px}.cart-line-total{display:none}.cart-line-controls{max-width:none}.seller-group-title{padding:14px;font-size:13px;flex-wrap:wrap}.seller-group-title>.muted{font-size:10px}.summary-panel{position:static;padding:22px}.summary-panel h2{font-size:19px}.summary-panel .price{font-size:18px}.summary-line{font-size:13px;gap:15px}.summary-line.total .price{font-size:24px}.secure-note{font-size:11px}.quantity-control{height:44px}.quantity-control button{width:42px;height:42px}.quantity-control output{font-size:15px}.cart-mode main{padding-bottom:80px}.sticky-action{display:flex}.sticky-action>.btn{font-size:13px;min-height:46px;padding-inline:17px}.sticky-action .price{font-size:19px}.checkout-section{padding:18px}.checkout-section-title{font-size:17px;line-height:1.8}.checkout-section>.form-grid{grid-template-columns:1fr}.checkout-section .address-card{padding:15px}.address-card p{font-size:12px}.address-grid{grid-template-columns:1fr}.payment-option{padding:15px;gap:10px;align-items:flex-start}.payment-option strong{font-size:13px}.payment-option small{font-size:11px;line-height:1.8}.payment-option input{margin-top:3px}.delivery-review{gap:12px;font-size:13px;align-items:flex-start}.delivery-review>div>.icon{flex-shrink:0;margin-top:4px}.delivery-review p{font-size:11px}.delivery-review>.price{font-size:13px;white-space:nowrap}.checkout-coupon{margin-top:0}.success-card{padding:30px 22px;border-radius:18px;margin:6px auto}.success-card h1{font-size:24px}.success-card>p{font-size:13px}.success-order{gap:12px}.success-order>.price{font-size:22px}.order-grid{grid-template-columns:1fr;gap:16px;margin-block:18px}.order-card h3{font-size:16px}.order-card .price{font-size:17px}.order-detail-layout{grid-template-columns:1fr;gap:18px}.order-split{padding:20px}.order-item{font-size:13px}.order-item .price{font-size:15px;flex-shrink:0}.order-split .button-row{gap:8px;flex-wrap:wrap}.order-split .button-row .btn{font-size:12px;min-height:44px}.notification{padding:16px;gap:12px}.notification-icon{width:35px;height:35px}.notification p{font-size:12px}.chat-layout{display:block;min-height:400px}.chat-layout:not(.has-thread) .chat-thread{display:none}.chat-layout.has-thread .conversation-list{display:none}.chat-heading{font-size:14px}.chat-messages{min-height:280px;max-height:calc(100dvh - 390px);padding:18px}.chat-bubble{font-size:13px;padding:12px 15px}.chat-composer{padding:12px}.chat-composer input{min-height:45px}.chat-composer .btn{padding-inline:13px}.auth-page{display:block;padding-block:25px 45px}.auth-story{display:none}.auth-card{max-width:440px;margin-inline:auto;padding:10px 0}.auth-card h1{font-size:25px}.auth-card>p{font-size:13px}.help-list .accordion{padding:18px}.accordion>summary{font-size:14px}.accordion p{font-size:13px}.wizard-page{padding:20px 18px 100px}.wizard-top{margin-bottom:18px;font-size:12px}.wizard-top .btn{font-size:12px}.wizard-steps{gap:3px;margin:18px 0 26px}.wizard-steps>span{font-size:9px;gap:7px}.wizard-steps b{width:24px;height:24px;font-size:10px}.wizard-head h1{font-size:24px;margin:14px 0;line-height:1.8}.wizard-head p{font-size:12px}.wizard-head .eyebrow{font-size:9px}.wizard-panel{padding:20px;border-radius:15px}.wizard-footer{position:fixed;bottom:0;inset-inline:0;margin:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:#fcfaf4f7;backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:40;gap:15px}.wizard-footer .btn.primary{min-width:155px}.wizard-footer>.small{font-size:11px;text-align:end}.wizard-footer .btn{font-size:13px;min-height:46px}.lookup-form{gap:8px}.lookup-form .btn{padding-inline:10px;font-size:12px}.lookup-form input{font-size:13px}.match-card{padding:15px;gap:16px;align-items:flex-start}.match-cover{width:64px;margin-top:10px}.match-card h3{font-size:17px}.match-card .eyebrow{font-size:9px}.match-card .btn{font-size:12px;padding-inline:12px;min-height:43px}.match-card .btn.text{margin:0}.match-card p{font-size:12px;margin:7px 0}.condition-option{padding:14px 12px;gap:12px}.condition-option-icon{display:none}.condition-option strong{font-size:15px}.condition-option small{font-size:12px;line-height:1.8}.toggle-row{font-size:13px;padding-block:17px;min-height:60px}.photo-grid{gap:12px}.photo-slot{aspect-ratio:1}.photo-slot .photo-label{font-size:11px}.photo-slot>.icon-btn{width:32px;height:32px}.photo-slot .book-cover{max-height:80%;max-width:65%;width:65%;height:auto}.price-reference{gap:10px}.price-reference>div{padding:14px}.price-reference span:first-child{font-size:11px}.price-reference .price{font-size:17px}.asking-price input{font-size:30px}.delivery-option{padding:17px 12px;gap:12px}.delivery-option strong{font-size:14px}.delivery-option small{font-size:12px;line-height:1.8}.delivery-icon>.icon{width:23px;height:23px}.preview-gallery{padding:16px}.preview-gallery>div,.preview-gallery>img{min-width:95px;width:95px;max-height:155px}.preview-info h2{font-size:22px}.preview-info>.price{font-size:28px}.my-listings-grid{grid-template-columns:1fr;gap:15px}.my-listing{padding:18px}.my-listing h3{font-size:16px}.my-listing-main .price{font-size:20px}.listing-card-actions .btn{font-size:12px;min-height:44px}.listing-detail-layout{grid-template-columns:1fr;gap:25px}.listing-gallery{padding:27px;max-height:350px}.listing-gallery>.book-cover{width:175px}.listing-detail-info h1{font-size:26px}.listing-detail-info>p{font-size:13px}.listing-detail-info>.price{font-size:30px}.workspace{display:block}.workspace-content{padding:22px 18px 95px}.workspace-main h1{font-size:24px}.workspace-header{height:65px;padding-inline:18px}.workspace-crumb{font-size:12px;gap:7px}.workspace-crumb>span{display:none}.workspace-header>.row>.demo-pill{display:none}.workspace-header>.row{gap:8px}.workspace-header>.row>.icon-btn{width:35px}.workspace-welcome h1{font-size:24px}.workspace-welcome p{font-size:12px}.workspace-welcome .button-row{width:100%;gap:9px}.workspace-welcome .button-row>.btn{font-size:12px;padding-inline:13px;flex:1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.stat-card{padding:16px 13px}.stat-card>.row>span:first-child{font-size:11px;line-height:1.8}.stat-card>strong{font-size:25px;margin-top:11px}.stat-card>strong .price{font-size:21px;letter-spacing:-.5px}.stat-card .currency{font-size:10px}.stat-icon{width:25px;height:25px;flex-shrink:0}.stat-icon>.icon{width:14px;height:14px}.stat-card>small{font-size:9px}.dashboard-grid{grid-template-columns:1fr;gap:18px}.chart-panel{padding:18px}.chart-panel h2{font-size:16px!important}.chart-legend{font-size:10px;white-space:nowrap}.studio-note{display:none}.table-toolbar{padding:15px;display:block}.table-toolbar>.button-row{margin-top:12px}.table-search{max-width:none;gap:8px}.table-search .btn{padding-inline:11px;min-height:44px;font-size:12px}.table-search input{font-size:13px}.table-meta{padding:12px 15px;gap:8px;flex-wrap:wrap;font-size:11px}.table-meta>.button-row{gap:8px}.sort-inline{font-size:11px}.sort-inline select{font-size:12px;min-height:40px;max-width:160px}.data-table-wrap{display:none}.mobile-records{display:grid;gap:12px;padding:14px}.mobile-record-title{font-size:15px}.mobile-record-title .table-book{min-width:0;gap:14px}.mobile-record-title .table-book>div{width:54px}.mobile-record-title .table-book strong{font-size:15px}.mobile-record-title .table-book small{font-size:11px}.mobile-record .price{font-size:16px}.mobile-record .record-actions>.btn{min-height:44px;font-size:12px}.mobile-record .record-actions>.icon-btn{width:42px;height:42px}.editor-layout{grid-template-columns:1fr;gap:20px}.editor-preview{position:static;display:flex;gap:20px;align-items:center;text-align:start}.editor-preview .book-cover{width:75px;flex-shrink:0;margin:0}.editor-preview h2{font-size:19px}.editor-layout .panel{padding:20px}.editor-layout .form-grid{grid-template-columns:1fr}.balance-card{padding:25px;gap:17px}.balance-card .price{font-size:35px}.finance-grid{grid-template-columns:1fr;gap:16px}.balance-stat{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-custom-preview{padding:22px}.more-grid,.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.more-grid>a,.admin-quick-grid>a{padding:21px;gap:14px}.more-grid h2,.admin-quick-grid h3{font-size:15px}.seller-review-layout,.record-detail-layout{grid-template-columns:1fr;gap:18px}.entity-profile{padding:22px}.seller-review-heading .avatar{width:55px;height:55px}.seller-review-heading{gap:15px}.document-placeholder{padding:17px;gap:12px}.document-placeholder span{overflow-wrap:anywhere}.document-placeholder>.icon{width:25px;height:25px;flex-shrink:0}.duplicate-grid{grid-template-columns:1fr;gap:15px}.duplicate-card{padding:20px}.duplicate-cover{width:85px;margin:20px auto}.moderation-grid,.review-moderation-grid{grid-template-columns:1fr;gap:16px}.moderation-card{padding:19px}.moderation-main{gap:16px}.moderation-cover{width:70px}.moderation-main h2{font-size:18px!important}.moderation-main p{font-size:12px}.moderation-main .price{font-size:20px}.cms-row{padding:16px 12px;gap:10px;flex-wrap:wrap}.cms-row>.drag-handle{display:none}.cms-row>div:not(.cms-controls){flex:1;min-width:150px}.cms-controls{margin-inline-start:auto}.cms-row strong{font-size:13px}.cms-row .mini-tag{font-size:10px}.cms-controls .icon-btn{width:40px;height:40px}.cms-number{font-size:16px}.catalog-tools{gap:8px;flex-wrap:wrap}.catalog-tools .filter-chip{font-size:12px}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.persona-card{padding:18px 13px;gap:12px}.persona-card h3{font-size:14px}.persona-card p{font-size:11px}.persona-card .avatar{width:50px;height:50px;font-size:20px}.route-map>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.route-map a{font-size:12px}.route-map code{font-size:10px}.route-map{padding:18px}.fault-controls .btn{font-size:12px;padding-inline:14px}.toast-region{bottom:calc(86px + env(safe-area-inset-bottom));inset-inline-end:16px;width:calc(100vw - 32px);gap:8px}.toast{font-size:12px;padding:10px 13px}.wizard-mode .toast-region{bottom:90px}.detail-mode .toast-region,.cart-mode .toast-region{bottom:160px}.field>label{font-size:13px}.field input:not([type=checkbox]):not([type=radio]):not([type=color]),.field select,.field textarea{font-size:16px;min-height:46px}.field-hint{font-size:11px}.field-error{font-size:12px}.notice p{font-size:12px;line-height:1.9}.form-grid{grid-template-columns:1fr}.btn.small{min-height:44px}.mobile-bottom-nav :is(a,button){min-height:54px}.mobile-bottom-nav :is(a,button)>span:last-child{font-size:10px}.table-meta .btn{min-height:42px}.sheet .selection-row{min-height:50px}.wishlist-single>.book-card{width:100%}.wishlist-single+.btn{white-space:normal;font-size:12px;padding:10px;min-height:45px}.terms{font-size:12px}}
@media(max-width:389px){.workspace-content{padding-inline:15px}.workspace-header{padding-inline:15px}.stat-card>strong .price{font-size:19px}.stats-grid{gap:10px}.stat-card{padding:15px 11px}.stat-card>.row{gap:6px}.condition-option{gap:9px}.wizard-panel{padding:17px}.wizard-head h1{font-size:22px}.wizard-steps>span{font-size:8px}.price-reference .price{font-size:16px}.account-shortcuts>a span{font-size:10px}.hero-copy h1{font-size:28px}.sticky-action>.btn{font-size:12px;padding-inline:13px}.account-hero h2{font-size:19px}.account-hero{gap:12px;padding:18px}.account-hero .avatar{width:50px;height:50px}.sort-inline select{max-width:130px}.page-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.scan-line{animation:none}.wizard-progress>span{transition:none}.chat-messages{scroll-behavior:auto}}

/* One logical-direction vertical order timeline, shared by all three workspaces. */
.timeline{display:flex;flex-direction:column;list-style:none;gap:0;padding:18px 0 0;margin:0;min-width:0}
.timeline li{display:flex;align-items:flex-start;position:relative;gap:15px;min-height:66px;padding:0 0 18px;text-align:start;color:var(--muted);min-width:0}
.timeline li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:10px;top:22px;bottom:0;width:1px;background:var(--line)}
.timeline li.complete:not(:last-child)::before{background:#99ad83}
.timeline-dot{position:relative;flex:0 0 22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);z-index:1}
.timeline li.complete{color:var(--ink)}
.timeline li.complete .timeline-dot{background:var(--forest);border-color:var(--forest);color:#fff}
.timeline li.current .timeline-dot{background:var(--accent);border-color:var(--accent);outline:4px solid #a6563418}
.timeline strong{display:block;font-size:13px;font-weight:600;line-height:1.8}
.timeline small{display:block;font-size:11px;margin-top:3px;color:var(--muted)}
.order-detail-layout>*{min-width:0}

.book-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--cover-bg);z-index:3}.book-cover-photo[hidden]{display:none}

.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-image-field{display:grid;gap:12px;margin-bottom:24px;border:1px solid var(--border,#ddd);padding:16px;border-radius:12px}.profile-image-field img{object-fit:cover;border-radius:50%}.profile-image-field input[type=file]{display:block;max-width:100%;margin-top:8px}

/* Profile picture selection and square crop preview. */
.profile-image-field input[type=file][hidden],.profile-image-field [hidden]{display:none}
.profile-avatar-picker{position:relative;display:block;width:96px;height:96px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;justify-self:start}
.profile-avatar-picker .avatar{width:96px;height:96px;font-size:32px}
.profile-avatar-picker:focus-visible{outline:3px solid var(--accent,#8b583d);outline-offset:5px}
.profile-avatar-plus{position:absolute;inset-inline-end:-2px;bottom:0;display:grid;place-items:center;width:30px;height:30px;border:3px solid white;border-radius:50%;background:var(--ink,#29251e);color:white}
.profile-crop-dialog{width:min(440px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--border,#ddd);border-radius:20px;padding:24px;color:var(--ink,#29251e);background:var(--paper,#fffdf8)}
.profile-crop-dialog::backdrop{background:rgb(0 0 0 / .55)}
.profile-crop-dialog h2{margin-top:0}
.profile-crop-dialog canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;cursor:grab;border:1px solid var(--border,#ddd);background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 / 20px 20px}
.profile-crop-dialog canvas:active{cursor:grabbing}
.profile-crop-dialog label{display:grid;gap:4px;margin-block:12px}
.profile-crop-dialog input[type=range]{width:100%;min-height:28px;direction:ltr;padding:0}
.profile-crop-dialog .button-row{justify-content:flex-end;margin-top:20px}

.workspace-header .workspace-account{display:flex;min-width:44px;min-height:44px;justify-content:center}


/* Pass 1.1: readable mobile typography, reachable controls, field feedback,
   responsive review queues and explorable charts. No production integrations. */
:root {
  --touch-target: 44px;
  --font-caption: 12px;
  --font-small: 13px;
  --font-body: 15px;
  --focus-ring: #7e472f;
}
:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
button, input, select, textarea { touch-action: manipulation; }
.btn, .icon-btn, .header-icon, .header-account { min-height: var(--touch-target); }
.icon-btn, .header-icon { min-width: var(--touch-target); }
input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea {
  min-height: 48px;
  font-size: 16px;
  line-height: 1.6;
}
.field { min-width: 0; }
.field label { font-size: 14px; font-weight: 600; line-height: 1.8; }
.field-hint, .field-error { font-size: 13px; line-height: 1.8; }
.field-error:empty { display: none; }
.field-error { display: block; color: #94352e; margin-block-start: 5px; }
.field [aria-invalid=true] { border-color: #a23d36; box-shadow: 0 0 0 1px #a23d36; }
.field:focus-within label { color: var(--forest); }
.tabs { scroll-padding-inline: 12px; }
.tabs button { min-height: var(--touch-target); font-size: 13px; }
.check-row, .toggle-row { min-height: 48px; }
.required { margin-inline-start: 4px; color: #8e302d; }
.btn:active:not(:disabled), .icon-btn:active:not(:disabled) { transform: translateY(1px); }
.btn:disabled { opacity: .58; cursor: not-allowed; }
.book-card h3 { font-size: 15px; line-height: 1.65; }
.book-card .book-author { font-size: 13px; line-height: 1.7; }
.book-card .price { font-size: 16px; line-height: 1.6; }
.book-card .rating { font-size: 12px; }
.book-card .condition-badge, .book-card .status-badge { font-size: 11px; }
.book-card .wishlist-toggle { min-width: var(--touch-target); min-height: var(--touch-target); }
.small { font-size: var(--font-small); }
.page-header p, .section-header p { font-size: 14px; line-height: 1.9; }
.status, .status-badge, .condition-badge { white-space: normal; }
.summary-line { align-items: start; gap: 12px; }
.summary-line > :first-child { min-width: 0; overflow-wrap: anywhere; }
.summary-line .price { flex-shrink: 0; }
.cart-line .field-error { margin-block: 8px; }
.wizard-save-status, .draft-autosave { display: flex; justify-content: center; gap: 7px; align-items: center; margin: 14px 0; font-size: 12px; color: var(--forest); }
.request-page .panel { padding: 24px; }
.request-page .field { margin-block-end: 20px; }
.request-list { display: grid; gap: 16px; }
.request-card { min-width: 0; padding: 24px; }
.request-card h2 { font-size: 21px; line-height: 1.7; margin-block: 16px 4px; overflow-wrap: anywhere; }
.request-card p { line-height: 1.9; overflow-wrap: anywhere; }
.request-card .status { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 99px; font-size: 12px; }
.request-pending { color: #785627; background: #f7eddc; }
.request-matched { color: #275742; background: #eaf3eb; }
.request-rejected { color: #963e38; background: #faeae7; }
.request-review { margin-block-start: 24px; padding-block-start: 20px; border-block-start: 1px solid var(--line); }
.request-review .field { margin-block-end: 18px; }
.request-matched-book { display: grid; grid-template-columns: 65px 1fr; gap: 4px 16px; align-items: center; margin: 12px 0 22px; padding: 16px; background: var(--wash); border-radius: 12px; }
.request-matched-book > div { grid-row: span 2; width: 65px; }
.request-matched-book p { margin: 0; }
.chart-unavailable { font-size: 18px; color: var(--muted); }
.chart-heading { display: grid; gap: 12px; margin-block-end: 12px; }
.chart-heading h2 { margin: 0; }
.chart-heading .chart-legends { justify-content: flex-start; gap: 16px; }
.chart-heading .chart-legend { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1.8; }
.chart-heading .chart-legend i { flex-shrink: 0; }
.chart-note { font-size: 12px; line-height: 1.8; margin-block: 10px 0; }
.chart-panel { min-width: 0; }
.chart-axis { font-size: 11px; }
.chart-axis > span:only-child { margin-inline: auto; }
.sheet-heading .icon-btn { flex-shrink: 0; }
.sheet-body { overscroll-behavior: contain; }
.toast { max-width: min(420px, calc(100vw - 32px)); font-size: 14px; line-height: 1.7; }
.toast button { min-width: 36px; min-height: 36px; }
@media (min-width: 1024px) {
  .workspace-sidebar { background: #233e33; color: #f7f5ec; border-inline-end: none; }
  .workspace-sidebar .logo, .workspace-sidebar .logo-text { color: #fffaf1; }
  .workspace-sidebar .logo-symbol { background: #fcf7ea; color: #9b5336; }
  .workspace-sidebar .logo small, .workspace-sidebar .workspace-label, .workspace-sidebar .sidebar-bottom small { color: #cad5c7; }
  .workspace-sidebar .sidebar-link, .workspace-sidebar .sidebar-bottom a { color: #e0e6dd; min-height: 43px; font-size: 13px; }
  .workspace-sidebar .sidebar-link.active { background: #f6f2e6; color: #223e32; }
  .workspace-sidebar .sidebar-link:hover:not(.active) { background: #345043; color: white; }
  .workspace-sidebar .sidebar-bottom { border-color: #4b6256; }
  .request-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .request-list:has(.request-review), .request-list:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  :root { --gutter: 18px; }
  .header-main { gap: 9px; padding-block: 13px 12px; }
  .header-main .header-location { display: none; }
  .header-actions { gap: 2px; }
  .header-actions .icon-btn, .header-actions .header-icon { width: 44px; height: 44px; }
  .header-search { min-height: 48px; font-size: 13px; }
  .announcement { min-height: 32px; padding: 5px 16px; font-size: 10px; }
  .announcement .demo-pill { font-size: 10px; }
  .home-sequence { gap: 17px; }
  .home-page { padding-block-start: 16px; }
  .home-categories { padding-block: 0; }
  .category-shortcuts { gap: 13px; }
  .category-shortcut { flex: 0 0 62px; min-width: 62px; gap: 7px; }
  .category-shortcut > span { width: 46px; height: 46px; }
  .category-shortcut > strong { font-size: 11px; line-height: 1.6; }
  .hero-panel { min-height: 0; height: auto; padding: 22px 19px; border-radius: 16px; }
  .hero-copy { max-width: 64%; position: relative; z-index: 2; }
  .hero-copy h1 { font-size: 25px; line-height: 1.6; margin-block: 6px 8px; }
  .hero-copy > p { font-size: 12px; line-height: 1.9; max-width: 215px; margin-block: 0 14px; }
  .hero-copy .eyebrow { font-size: 10px; }
  .hero-actions { gap: 9px; flex-wrap: wrap; }
  .hero-actions .btn { min-height: 43px; padding: 8px 12px; font-size: 12px; }
  .hero-actions .text-link { display: none; }
  .hero-footnote { display: none; }
  .hero-scene { width: 44%; position: absolute; inset-inline-start: auto; inset-inline-end: -4%; top: 15%; height: 170px; }
  .hero-label { display: none; }
  .hero-ring { opacity: .65; }
  .hero-book { width: 82px; }
  .hero-book-0 { inset-inline-start: 12%; top: 12%; }
  .hero-book-1 { inset-inline-start: 45%; top: 5%; }
  .hero-book-2 { inset-inline-start: -12%; top: 20%; }
  .hero-spark { display: none; }
  .trust-strip { margin-block: 17px 26px; gap: 10px; }
  .trust-strip > span { font-size: 10px; line-height: 1.7; }
  .trust-strip .icon { width: 15px; }
  .section-header h2 { font-size: 20px; line-height: 1.65; }
  .section-header p { font-size: 12px; }
  .section-header a { min-height: 44px; display: inline-flex; align-items: center; font-size: 12px; }
  .shelf-track { gap: 14px; scroll-snap-type: x proximity; scroll-padding-inline: 18px; }
  .shelf-track > .book-card { flex: 0 0 145px; width: 145px; min-width: 145px; scroll-snap-align: start; }
  .book-card h3, .book-card.compact h3 { font-size: 14px; line-height: 1.75; }
  .book-card .book-author { font-size: 12px; }
  .book-card .price, .book-card.compact .price { font-size: 15px; }
  .book-card .rating, .book-card.compact .rating { font-size: 12px; }
  .book-card .condition-badge { font-size: 10px; }
  .book-card .wishlist-button, .book-card .wishlist-btn, .book-card .icon-btn { min-width: 40px; min-height: 40px; }
  .book-grid { gap: 24px 14px; }
  .book-grid .book-card { width: auto; min-width: 0; }
  .mobile-bottom-nav { padding-block-start: 6px; box-shadow: 0 -4px 24px #263a3209; }
  .mobile-bottom-nav > a { min-height: 54px; font-size: 11px; }
  .mobile-bottom-nav > a > span:last-child { font-size: 11px; }
  .page-header h1 { font-size: 25px; line-height: 1.65; }
  .page-header p { font-size: 13px; }
  .results-toolbar { gap: 10px; flex-wrap: wrap; }
  .results-toolbar .btn { font-size: 12px; min-height: 44px; }
  .panel, .summary-panel { border-radius: 14px; }
  .request-card, .request-page .panel { padding: 20px 17px; }
  .chart-panel { padding: 18px 15px; }
  .chart-panel h2 { font-size: 18px; }
  .wizard-footer, .sticky-action { padding-block-end: max(12px, env(safe-area-inset-bottom)); }
  .sheet { max-height: min(92dvh, var(--visual-height, 92dvh)); }
  .sheet-heading h2 { font-size: 21px; line-height: 1.7; }
  .sheet-body { padding-inline: 20px; }
  .keyboard-open .mobile-bottom-nav { display: none; }
  .keyboard-open .wizard-footer, .keyboard-open .sticky-action { position: static; }
  .keyboard-open .sheet { max-height: var(--visual-height); }
  .keyboard-open .wizard { padding-bottom: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
/* Compact first-screen composition: keep the first shelf within thumb-scroll reach. */
@media (max-width: 767px) {
  .home-page { padding-block-start: 10px; }
  .home-categories { margin-block: 4px 0; }
  .hero-panel { padding: 20px 18px; }
  .hero-copy { max-width: 61%; }
  .hero-copy h1 { font-size: 23px; margin-block: 6px 12px; line-height: 1.6; }
  .hero-copy > p { display: none; }
  .hero-scene { width: 34%; inset-inline-end: 4%; top: 15%; height: 155px; }
  .hero-book { inset: auto; width: 76px; }
  .hero-book-0 { top: 12px; inset-inline-start: 5px; transform: rotate(-12deg); }
  .hero-book-1 { top: 32px; inset-inline-start: 25px; transform: rotate(5deg); }
  .hero-book-2 { display: none; }
  .hero-ring { width: 180px; height: 180px; }
  .trust-strip { margin-block: 14px 20px; padding-block: 10px; }
  .home-page .section-header { margin-block-end: 16px; }
  .header-search > span { font-size: 13px; }
}
.toggle-row .switch { pointer-events: none; }
.cart-issue { margin-block: 9px; padding: 8px 10px; border-radius: 8px; background: #faece4; color: #813c29; font-size: 13px; line-height: 1.75; }
.request-card .btn, .request-page .btn { white-space: normal; max-inline-size: 100%; text-align: center; line-height: 1.7; }
.request-card .btn .icon { flex-shrink: 0; }

/* Profile actions stay together to the left of the portrait on every viewport. */
.store-profile.store-profile-redesign{display:grid;grid-template-columns:minmax(0,1fr) auto;direction:ltr;align-items:start;gap:14px 20px;padding:20px 24px 24px;background:#faf9f6}
.store-profile-redesign>.store-profile-avatar{grid-column:2;grid-row:1;width:112px;height:112px;min-width:0;margin:-48px 0 0;border:5px solid #faf9f6;border-radius:50%;position:relative}
.store-profile-redesign>.store-profile-summary{grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.store-profile-redesign .profile-rating-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.store-profile-redesign .rating{font-size:17px;gap:7px}
.store-profile-redesign .store-profile-actions{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.store-profile-redesign .store-profile-actions .btn{min-height:42px;border-radius:24px;padding:8px 16px;font-size:14px}
.store-profile-redesign>.store-profile-identity{grid-column:1/-1;grid-row:2;min-width:0}
[dir=rtl] .store-profile-redesign>.store-profile-identity{direction:rtl}
.store-profile-redesign h1{font-size:26px;overflow-wrap:anywhere}
.store-profile-redesign .store-profile-identity p{font-size:13px;margin-top:8px}
.business-entity-hero{display:flex!important;flex-direction:row-reverse;align-items:flex-start;text-align:start;gap:22px}
.business-entity-hero>.profile-avatar{width:100px;height:100px;flex-shrink:0;margin:0!important}
.business-entity-hero>div{flex:1;min-width:0}
.business-entity-hero .publisher-profile-rating{margin:12px 0;font-size:16px}
@media(max-width:599px){.store-profile.store-profile-redesign{padding:16px 18px 22px;gap:14px 16px}.store-profile-redesign>.store-profile-avatar{width:100px;height:100px;margin-top:-40px}.store-profile-redesign h1{font-size:22px}.business-entity-hero{gap:16px;padding:20px 18px}.business-entity-hero>.profile-avatar{width:84px;height:84px}.business-entity-hero h1{font-size:21px}.business-entity-hero p{font-size:14px;line-height:1.8}}
.store-hero{position:relative}
.store-profile-redesign .store-cover-action{position:absolute;top:14px;left:16px;z-index:2}
.store-profile-redesign .store-cover-action .icon-btn{width:44px;height:44px;min-height:44px;border-radius:50%;background:#fffffff5;color:var(--ink)}
.store-profile.store-profile-redesign{position:static}
.store-profile-redesign>.store-profile-summary{position:static}

/* Checkout keeps each book visibly attached to the store fulfilling it. */
.checkout-layout > :first-child { min-width: 0; }
.checkout-layout .checkout-section { border-radius: 18px; padding: 25px; box-shadow: 0 10px 28px #263b2510; }
.checkout-layout .checkout-section-title { font-size: 18px; gap: 12px; }
.checkout-layout .checkout-section-title > span { width: 32px; height: 32px; flex-shrink: 0; font-size: 13px; font-weight: 700; }
.checkout-delivery-avatar.avatar { width: 36px; height: 36px; flex-shrink: 0; font-size: 12px; }
.checkout-delivery-avatar img, .checkout-store-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.checkout-store-card { overflow: hidden; border: 1px solid #e1e4d7; border-radius: 16px; background: #fffefa; margin-block: 14px; box-shadow: 0 5px 14px #263b2508; }
.checkout-store-heading { display: flex; align-items: center; gap: 13px; padding: 16px 18px; background: linear-gradient(105deg, #f1f5e9, #faf8ef); border-block-end: 1px solid #e1e4d7; }
.checkout-store-avatar.avatar { width: 48px; height: 48px; flex-shrink: 0; font-size: 15px; box-shadow: 0 0 0 3px #ffffffb8; }
.checkout-store-identity { display: grid; gap: 3px; flex: 1; min-width: 0; }
.checkout-store-identity a { color: var(--forest); font-size: 16px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.checkout-store-identity span { color: var(--muted); font-size: 12px; }
.checkout-store-method { display: inline-flex; align-items: center; gap: 5px; max-width: 39%; padding: 7px 10px; border-radius: 99px; background: #ffffffce; color: var(--forest); font-size: 11px; line-height: 1.5; text-align: start; }
.checkout-store-method .icon { flex-shrink: 0; }
.checkout-store-book { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding: 15px 18px; }
.checkout-store-book + .checkout-store-book { border-block-start: 1px solid #efeee6; }
.checkout-store-cover { width: 58px; }
.checkout-store-cover .book-cover { width: 100%; }
.checkout-store-book-info { display: grid; gap: 9px; min-width: 0; }
.checkout-store-book-info > a { color: var(--ink); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.checkout-store-book-info > span { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; font-size: 12px; color: var(--muted); }
.checkout-store-book > .price { font-size: 14px; white-space: nowrap; }
.checkout-store-totals { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px 20px; padding: 12px 18px; border-block-start: 1px solid #e8e9db; background: #f8f9f3; }
.checkout-store-totals > span { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.checkout-store-totals .price { color: var(--ink); font-size: 12px; font-weight: 700; }
@media (max-width: 767px) {
  .checkout-layout .checkout-section { padding: 19px 15px; }
  .checkout-store-heading { flex-wrap: wrap; padding: 13px; }
  .checkout-store-avatar.avatar { width: 43px; height: 43px; }
  .checkout-store-method { max-width: none; margin-inline-start: 55px; }
  .checkout-store-book { grid-template-columns: 49px minmax(0, 1fr); gap: 10px; padding: 13px; }
  .checkout-store-cover { width: 49px; }
  .checkout-store-book > .price { grid-column: 2; font-size: 13px; }
  .checkout-store-totals { padding: 11px 13px; justify-content: flex-start; }
}

/* Pass 1.2: image-led catalog, touch-friendly workspaces and stable scroll ownership. */
:root{--workspace-rail:248px;--workspace-top:72px;--workspace-bottom:74px}
.catalog-picture{position:relative;display:inline-flex;flex-shrink:0;overflow:hidden;background:#eee9df;isolation:isolate}
.catalog-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.catalog-picture-fallback{display:grid;place-items:center;width:100%;height:100%;font-weight:700;color:#375346;background:linear-gradient(130deg,#e3e9df,#f4e8d8);font-size:24px}
.catalog-picture img[hidden]{display:none}
.category-shortcuts{display:grid;grid-auto-flow:column;grid-auto-columns:132px;grid-template-columns:none;gap:14px;overflow-x:auto;padding:6px 0 14px;scroll-snap-type:x proximity;align-items:start}
.category-shortcut{width:132px;min-width:0;gap:8px;scroll-snap-align:start;text-align:start;align-items:stretch}
.category-shortcut>.category-thumbnail{width:132px;height:92px;border-radius:13px;border:1px solid #e8e1d5;box-shadow:0 3px 10px #253b2e08}
.category-shortcut strong{font-size:13px;line-height:1.7;padding-inline:3px}
.category-shortcut:hover img{transform:scale(1.035)}
.category-shortcut img{transition:transform .2s}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.category-card{padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.category-card-image{width:100%;height:auto;aspect-ratio:640/430;border-radius:0}
.category-card-copy{padding:18px 20px 22px;position:relative;flex:1}
.category-card h2{font-size:20px;margin:0 0 5px}
.category-card p{font-size:13px;line-height:1.85;margin:0;padding-inline-end:18px}
.category-card .category-arrow{inset-inline-end:14px;bottom:19px}
.profile-avatar.catalog-picture{width:128px;height:128px;border-radius:28px}
.catalog-picture.portrait{border-radius:50%}
.publisher-logo img{object-fit:contain;background:#fff;padding:8px}
.author-avatar.catalog-picture{width:94px;height:94px;margin-inline:auto;margin-bottom:16px;border-radius:24px}
.author-avatar.portrait{border-radius:50%}
.author-card .text-link{justify-content:center;font-size:12px;margin-top:10px}
.entity-hero{align-items:center;gap:26px;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-block:20px 24px}
.entity-hero>div{min-width:0;flex:1}
.entity-hero h1{font-size:30px;margin-block:5px 8px}
.entity-hero p{font-size:14px;line-height:1.9;max-width:760px}
.entity-hero .btn{margin-top:12px}
.directory-tabs{display:flex;gap:8px;margin-block:14px 28px;overflow-x:auto;padding-bottom:4px}
.directory-tabs a{flex-shrink:0;padding:12px 18px;border:1px solid var(--line);border-radius:999px;font-size:14px}
.directory-tabs .active{color:#fff;background:var(--forest);border-color:var(--forest)}
.entity-catalog-toolbar{display:block;margin-bottom:20px}
.entity-catalog-toolbar .entity-book-search{display:flex;max-width:none;margin:0 0 12px}
.entity-results-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:34px}
.entity-results-toolbar>span{margin-top:7px}.entity-results-toolbar .active-filters{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.entity-books>.section-heading{margin-bottom:14px}
.detail-publisher{font-size:14px;color:var(--muted);margin-top:0}
.media-editor{border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:24px;min-width:0}
.media-editor legend{font-weight:700;padding-inline:8px}
.media-editor-preview{margin-bottom:15px;text-align:center;background:#f1eee5;border-radius:12px;overflow:hidden}
.editor-picture{width:100%;height:200px;max-width:420px}
.editor-picture img{object-fit:contain}
.media-file-label{position:relative;overflow:hidden;cursor:pointer}
.media-file-label:focus-within{outline:3px solid var(--focus-ring);outline-offset:3px}
.media-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.crop-control{display:grid;gap:8px;font-size:14px;margin-top:10px}
.crop-control input{width:100%;min-height:40px;accent-color:var(--forest)}
.entity-mini{width:50px;height:50px;border-radius:12px}.category-mini{width:78px;height:52px;border-radius:9px}
.entity-table-title{display:flex;align-items:center;gap:14px;min-width:0}
.entity-table-title strong{overflow-wrap:anywhere}
.editor-save-bar{position:sticky;bottom:-24px;display:flex;gap:12px;padding:14px 0 8px;background:var(--surface);z-index:2}
.editor-save-bar .btn{flex:1}
/* Desktop has precisely two independent scroll regions, never a third body scrollbar. */
@media(min-width:1024px){
 html:has(body.workspace-mode){overflow:hidden;scrollbar-gutter:auto}
 body.workspace-mode{overflow:hidden;height:100dvh;padding:0}
 .workspace{height:100dvh;min-height:0;display:grid;grid-template-columns:var(--workspace-rail) minmax(0,1fr)}
 .workspace>.workspace-sidebar{position:relative;top:auto;height:100dvh;min-height:0;overflow:hidden;padding:24px 10px 14px;display:flex;flex-direction:column}
 .workspace-sidebar>.logo{flex-shrink:0}
 .workspace-sidebar .workspace-label{margin-block:23px 12px;flex-shrink:0}
 .workspace-sidebar .sidebar-scroll{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding-inline:4px;scrollbar-width:thin;scrollbar-color:#819486 #28473b}
 .workspace-sidebar .sidebar-bottom{margin-top:14px;padding-top:14px;flex-shrink:0;gap:9px}
 .workspace-sidebar .sidebar-bottom small{font-size:10px}
 .workspace-main{display:grid;grid-template-rows:var(--workspace-top) minmax(0,1fr);height:100dvh;max-width:none;margin:0;padding:0;overflow:hidden}
 .workspace-header{height:var(--workspace-top);position:relative;top:0;padding-inline:30px}
 .workspace-content{height:100%;min-height:0;overflow-y:scroll;overflow-x:clip;scrollbar-gutter:stable;overscroll-behavior-y:contain;padding:28px 32px 56px}
 .workspace-content>.container{max-width:100%}
 .admin-bottom-nav{display:none}
 .workspace-content.pending-render{opacity:.6;pointer-events:none}
}
.admin-menu-search{display:grid;gap:8px;font-size:14px;margin-bottom:20px;max-width:650px}
.admin-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-section-link{display:flex;align-items:center;gap:12px;padding:20px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:15px;min-height:72px}
.admin-section-link>.icon:first-child{color:var(--forest)}.admin-section-link>.icon:last-child{margin-inline-start:auto}
.admin-section-link[hidden]{display:none}
.admin-bottom-nav{display:none}
.workspace-content .table-toolbar{gap:16px}
.workspace-content .table-search{min-width:0;flex:1}
.workspace-content .table-search .field{min-width:0;flex:1}
.workspace-content .mobile-record .record-actions{gap:10px;flex-wrap:wrap}
.workspace-content .mobile-record .record-actions .btn{min-height:44px;flex:1}
.workspace-content .mobile-record dl div{gap:14px}.workspace-content .mobile-record dd{overflow-wrap:anywhere}
.workspace-content .mobile-record-title{font-size:16px;line-height:1.75}
.workspace-content .data-table td{font-size:13px}.workspace-content .data-table th{font-size:12px}
.workspace-menu-sheet .mobile-menu{display:flex;position:static;overflow:visible;height:auto;max-height:none;background:none;color:var(--ink);padding:0;border:none}
.workspace-menu-sheet .sidebar-scroll{overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.workspace-menu-sheet .sidebar-link{border:1px solid var(--line);min-height:60px;gap:9px;padding:10px;color:var(--ink);white-space:normal}
.workspace-menu-sheet .sidebar-link.active{background:#e6ece4;color:var(--forest)}
.workspace-menu-sheet .sidebar-bottom{margin-top:20px}.workspace-menu-sheet .logo{display:none}
.workspace-menu-sheet .workspace-label{margin:0 0 15px;font-size:14px}
.pagination .btn[aria-disabled=true]{opacity:.45;pointer-events:none}
@media(max-width:1023px){
 body.workspace-mode{overflow-y:auto;height:auto;padding-bottom:0}
 .workspace{display:block;height:auto;min-height:100dvh}
 .workspace-main{display:block;height:auto;overflow:visible;padding:0;margin:0;max-width:none}
 .workspace-content{overflow:visible;height:auto;padding:22px 20px calc(105px + env(safe-area-inset-bottom));min-width:0}
 .workspace-header{height:64px;padding-inline:16px;position:sticky;top:0;background:#fcfaf7fa;backdrop-filter:blur(12px);z-index:40}
 .workspace-header>.icon-btn{min-width:46px;display:flex}
 .workspace-header .workspace-crumb{font-size:14px;font-weight:600;gap:0;flex:1;padding-inline:12px;min-width:0}
 .workspace-header .workspace-crumb>span{display:none}
 .workspace-header .demo-pill{display:none}.workspace-header .row{gap:3px}
 .workspace-header .avatar{width:30px;height:30px}
 .workspace-header .row>.icon-btn,.workspace-header .row>a{min-width:42px;min-height:44px}
 .admin-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset-inline:0;bottom:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffcf7fa;backdrop-filter:blur(15px);z-index:50;box-shadow:0 -4px 22px #223b3308}
 .admin-bottom-nav a{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:48px;font-size:11px;color:#68786e;border-radius:12px}
 .admin-bottom-nav a.active{color:#244b3a;background:#e9eee5;font-weight:700}
 .admin-mode .toast-region{bottom:calc(90px + env(safe-area-inset-bottom))}
 .admin-mode .data-table-wrap{display:none}.admin-mode .mobile-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .admin-mode .mobile-record{margin:0;padding:18px;border-radius:14px;border:1px solid var(--line)}
 .admin-mode .table-panel{background:none;border:none;box-shadow:none;padding:0}
 .admin-mode .table-toolbar{background:var(--surface);padding:14px;border:1px solid var(--line);border-radius:14px}
 .admin-mode .table-meta{padding-block:16px;gap:12px;align-items:center}
 .admin-mode .table-meta>.button-row{min-width:0;flex-wrap:wrap}
 .admin-mode .table-meta .sort-inline{font-size:13px}
 .admin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .home-categories{margin-block:18px 2px}.category-shortcuts{grid-auto-columns:118px;gap:10px}
 .category-shortcut{width:118px}.category-shortcut>.category-thumbnail{width:118px;height:83px;border-radius:12px}
 .category-shortcut strong{font-size:12px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .category-card{border-radius:14px}.category-card-copy{padding:12px}.category-card h2{font-size:16px;margin:0}
 .category-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0;margin-top:5px}.category-card .category-arrow{display:none}
 .entity-hero{flex-direction:column;align-items:start;padding:22px;gap:16px}.profile-avatar.catalog-picture{width:92px;height:92px;border-radius:22px}
 .entity-hero h1{font-size:25px}.entity-hero p{font-size:14px;line-height:1.9}.entity-hero .btn{width:100%}.entity-hero>div{width:100%}
 .entity-results-toolbar{display:block}.entity-results-toolbar .active-filters{justify-content:flex-start;margin-top:8px}.directory-tabs a{font-size:13px;padding:11px 15px}
 .author-card{padding:18px 12px}.author-avatar.catalog-picture{width:76px;height:76px}.author-card h3{font-size:15px}
 .workspace-content{padding-inline:16px;padding-top:20px}
 .workspace-main .page-heading{gap:12px;margin-bottom:20px;align-items:flex-start;flex-wrap:wrap}
 .workspace-main .page-heading h1{font-size:25px;line-height:1.6}.workspace-main .page-heading p{font-size:13px}
 .workspace-main .page-heading>.btn{min-height:46px;white-space:normal}
 .admin-mode .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:16px 22px}
 .admin-mode .stat-card{padding:16px 12px;border-radius:15px;min-width:0}
 .admin-mode .stat-card>strong{font-size:23px;line-height:1.8}.admin-mode .stat-card>strong .price{font-size:20px;white-space:normal;overflow-wrap:anywhere;gap:2px}
 .admin-mode .stat-card .row>span{font-size:12px}.admin-mode .stat-card .stat-icon{width:28px;height:28px}
 .admin-dashboard-grid{display:flex;flex-direction:column;gap:18px}
 .admin-dashboard-grid>.attention-panel{order:-1;width:100%;padding:20px;border-radius:16px}
 .admin-dashboard-grid>.chart-panel{width:100%;padding:18px}
 .admin-mode .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .admin-quick-grid .panel{padding:20px 15px}.admin-quick-grid h3{font-size:15px}
 .admin-mode .mobile-records{grid-template-columns:1fr}
 .admin-mode .mobile-record{background:var(--surface);padding:18px}
 .admin-mode .mobile-record dt{font-size:13px}.admin-mode .mobile-record dd{font-size:14px}
 .admin-mode .table-meta{flex-direction:column;align-items:stretch}.admin-mode .table-meta>.button-row{justify-content:space-between}
 .admin-mode .table-toolbar .table-search .btn{padding-inline:12px}.admin-mode .table-search{gap:8px}
 .admin-mode .table-toolbar>.button-row:empty{display:none}
 .admin-mode .moderation-card{padding:18px}.admin-mode .moderation-card .button-row{display:grid;grid-template-columns:1fr 1fr}
 .admin-mode .seller-review-layout,.admin-mode .record-detail-layout,.admin-mode .editor-layout,.admin-mode .duplicate-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .admin-mode .editor-preview{max-width:140px;margin-inline:auto}
 .admin-mode .record-detail-layout .detail-list{grid-template-columns:minmax(0,1fr);gap:6px}.admin-mode .detail-list dd{margin-bottom:12px;overflow-wrap:anywhere}
 .admin-mode .cms-row{gap:8px;padding:14px 10px}.admin-mode .cms-row h3{font-size:14px}.admin-mode .cms-row .icon-btn{min-width:40px;min-height:44px}
 .entity-edit-sheet .sheet-body{padding:18px 16px}.media-editor{padding:14px}.media-editor .form-grid{display:block}
 .entity-edit-sheet .editor-save-bar{bottom:-18px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#fffcf6}
 .editor-picture{height:175px}.admin-section-link{font-size:14px;gap:9px;padding:16px 12px;min-height:76px}
}
@media(prefers-reduced-motion:reduce){.category-shortcut img{transition:none}.category-shortcut:hover img{transform:none}}

/* Media editor previews the actual public crop instead of a stretched thumbnail. */
.editor-picture.editor-portrait{width:180px;height:180px;border-radius:50%;margin-block:12px}
.editor-picture.editor-category{width:100%;aspect-ratio:640/430;height:auto;max-width:330px}
.editor-picture.editor-logo{width:180px;height:180px;margin-block:12px;border-radius:18px;background:white}
.editor-picture.editor-portrait img,.editor-picture.editor-category img{object-fit:cover}
.editor-picture.editor-logo img{object-fit:contain;padding:10px;background:white}
.crop-control[hidden]{display:none}
@media(min-width:1024px) and (max-width:1279px){.desktop-categories .author-nav,.desktop-categories .offer-nav{display:none}}
/* Keep moderation actions below the copy, not in a competing flex column. */
.admin-mode .moderation-card{display:flex;flex-direction:column;min-width:0;gap:0}
.admin-mode .moderation-main{min-width:0}
.admin-mode .moderation-card .button-row{margin-top:18px}
.admin-mode .moderation-card .button-row .btn{min-height:44px;font-size:13px}
@media(max-width:767px){.admin-mode .moderation-grid,.admin-mode .review-moderation-grid{grid-template-columns:minmax(0,1fr)}}

.noscript-notice{padding:16px;margin:0;text-align:center;background:#efe4cf;color:#243f34;font-size:14px}

/* Pass 1.3: calm, image-led bundles and a focused three-field checkout. Mobile first. */
:root{--bundle-peach:#f1e4d5;--bundle-sage:#e8ecdf;--bundle-radius:20px}
.bundle-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-block:20px 28px}.bundle-card{min-width:0;border:1px solid var(--line);border-radius:var(--bundle-radius);overflow:hidden;background:var(--surface);transition:border-color 160ms ease}.bundle-card:hover{border-color:#c4caba}.bundle-art-link{display:block}.bundle-art{height:205px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#e8edde,#f5eada);display:flex;justify-content:center;align-items:center}.bundle-card:nth-child(2n) .bundle-art,.bundle-managed:nth-child(2n) .bundle-art{background:linear-gradient(130deg,#efe0d5,#f3eedf)}.bundle-orbit{position:absolute;width:220px;height:220px;border:1px solid #c5ccb999;border-radius:50%;inset-block-start:55px;inset-inline-start:calc(50% - 110px);z-index:-1}.bundle-orbit:after{content:'';position:absolute;inset:20px;border:1px solid #c5ccb988;border-radius:50%}.bundle-book-stack{display:flex;direction:ltr;align-items:center;justify-content:center;min-width:0;isolation:isolate;transform:translateY(-1px)}.bundle-art-book{width:94px;flex-shrink:0;margin-inline:-9px;transform:rotate(calc((var(--i) - 1) * 8deg)) translateY(calc((var(--i) - 1) * 3px));box-shadow:3px 8px 11px #20392b26}.bundle-art-book:nth-child(2){z-index:4;transform:rotate(-3deg) translateY(-9px)}.bundle-art .book-cover{border-radius:2px 4px 4px 2px;width:100%;box-shadow:none}.bundle-art .cover-title{font-size:clamp(10px,2.8vw,14px)}.bundle-art .cover-author{font-size:7px}.bundle-art-word{position:absolute;inset-block-end:11px;font:8px Arial,sans-serif;letter-spacing:2px;color:#6f7967}.bundle-card-copy{padding:18px 20px}.bundle-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);align-items:center}.bundle-saving{background:var(--forest-soft);color:var(--forest);display:inline-flex;align-items:center;border-radius:24px;padding:3px 10px;font-weight:700;font-size:12px;white-space:nowrap}.bundle-card h3{font-size:19px;line-height:1.6;margin-block:8px 6px}.bundle-seller{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}.bundle-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-block-start:15px;gap:12px}.bundle-card-bottom .price{flex-wrap:wrap;gap:8px}.bundle-card-bottom .price bdi{font-size:19px}.bundle-card-bottom .price del bdi{font-size:12px}.bundle-card-arrow{background:var(--forest);color:white;display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:50%}.bundle-card-arrow:hover{color:white;background:var(--accent)}.bundle-unavailable-label{color:var(--danger);font-size:12px;margin-top:12px}.bundle-page-intro .eyebrow{margin-bottom:10px}.bundle-page-intro h1{font-size:30px}.bundle-page-intro .page-heading{align-items:start;flex-wrap:wrap;margin-bottom:22px}.bundle-search-form{display:flex;gap:10px;align-items:end;margin-block:18px}.bundle-search-form .field{flex:1;min-width:0;margin:0}.bundle-search-form .btn{flex-shrink:0;min-height:49px}.bundle-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.bundle-toolbar .chips{gap:7px;flex-wrap:wrap}.bundle-toolbar .btn{font-size:12px;padding:10px 13px;white-space:normal}.bundle-home-shelf{margin-block:32px}.bundle-home-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-block:4px 12px;overscroll-behavior-inline:contain;scrollbar-width:thin}.bundle-home-track>.bundle-card{width:280px;flex:0 0 280px;scroll-snap-align:start}.bundle-home-track .bundle-art{height:175px}.bundle-home-track .bundle-art-book{width:79px}.bundle-home-track h3{font-size:17px}.bundle-search-tabs{margin-block:0 18px}.bundle-search-results{margin-block:28px}.bundle-search-results .bundle-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.bundle-breadcrumb{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bundle-breadcrumb>a{display:flex;align-items:center;gap:10px;font-size:13px;min-height:44px}.bundle-detail-grid{display:grid;gap:26px}.bundle-detail-art{min-width:0}.bundle-art.large{height:290px;border-radius:var(--bundle-radius)}.bundle-art.large .bundle-art-book{width:119px;margin-inline:-12px}.bundle-art.large .bundle-art-word{bottom:16px;font-size:9px}.bundle-under-art{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:14px;font-size:11px;color:var(--muted);flex-wrap:wrap}.bundle-under-art span{display:flex;align-items:center;gap:7px}.bundle-detail-summary h1{font-size:29px;margin-block:10px}.bundle-store-link{font-size:13px;display:inline-flex;align-items:center;gap:8px;min-height:44px}.bundle-description{font-size:14px;line-height:1.95;color:var(--muted);margin-block:12px 20px}.bundle-offer-price{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.bundle-offer-price .price.large{font-size:29px;flex-wrap:wrap;gap:8px}.bundle-detail-summary>.small{margin-top:8px}.bundle-desktop-buy{display:none}.bundle-trust{border-top:1px solid var(--line);padding-block-start:16px;margin-top:18px;display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--muted)}.bundle-trust>span{display:flex;align-items:center;gap:9px}.bundle-books-section{margin-block:34px}.bundle-books-section .section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.bundle-books-section h2{font-size:22px}.bundle-included{display:grid;gap:0}.bundle-line{display:grid;grid-template-columns:51px minmax(0,1fr) auto;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding-block:18px}.bundle-line-cover{width:51px}.bundle-line h3{font-size:14px;font-weight:650}.bundle-line p{font-size:11px;color:var(--muted);line-height:1.8}.bundle-line .condition{font-size:10px;margin-top:5px}.bundle-line-price{display:flex;flex-direction:column;gap:5px;text-align:end}.bundle-line-price .price{font-size:13px}.bundle-line-price small{font-size:11px;color:var(--muted)}.bundle-line .bundle-condition-note{margin-top:9px;overflow-wrap:anywhere}.bundle-mobile-buy{position:fixed;inset-inline:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding:12px 16px;border-block-start:1px solid var(--line);background:var(--surface);z-index:25;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -5px 20px #263a3209}.bundle-mobile-buy>div{display:flex;flex-direction:column;min-width:0}.bundle-mobile-buy small{font-size:9px;color:var(--muted);max-width:155px;line-height:1.5}.bundle-mobile-buy .btn{min-height:48px}.bundle-detail-mode #main-content{padding-bottom:80px}.keyboard-open .bundle-mobile-buy{display:none}.express-header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:20}.express-header>.container{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:15px}.express-header .logo-text{font-size:27px}.express-header .logo-symbol{width:32px}.express-header .text-link{font-size:12px}.express-mode{padding-bottom:0!important}.express-mode #main-content{padding-bottom:0!important}.express-width{max-width:1050px}.express-intro{margin-bottom:24px}.express-intro h1{font-size:28px;margin-block:7px}.express-intro>p{font-size:14px;color:var(--muted)}.express-grid{display:grid;gap:20px}.express-summary{min-width:0}.express-product{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:15px;background:var(--wash);padding:12px;border-radius:15px}.express-product .eyebrow{font-size:10px}.express-product h2{font-size:17px;margin-block:5px}.bundle-art.mini{height:105px;border-radius:10px}.bundle-art.mini .bundle-art-book{width:42px;margin-inline:-7px}.bundle-art.mini .bundle-art-word,.bundle-art.mini .bundle-orbit{display:none}.express-product .price{font-size:16px}.express-product .price del{font-size:11px}.express-books{margin-top:7px;border-bottom:1px solid var(--line)}.express-books>summary{font-size:13px;color:var(--muted);padding:12px 4px;cursor:pointer}.express-books .bundle-line{grid-template-columns:40px minmax(0,1fr) auto}.express-books .bundle-line-cover{width:40px}.express-books .bundle-line h3{font-size:12px}.express-books .bundle-condition-note{display:none}.express-desktop-totals{display:none}.express-form{min-width:0}.express-form .field{margin-bottom:18px}.express-form .field label{font-size:14px}.express-form input,.express-form select{min-height:54px;font-size:16px}.express-form .field-hint{font-size:11px;line-height:1.8;margin-top:5px}.express-form .field-error{font-size:12px}.express-coupon{border-bottom:1px solid var(--line);padding-block:2px 15px}.express-coupon>summary{font-size:13px;cursor:pointer;padding-block:9px;color:var(--accent);list-style:none;display:flex;gap:9px;align-items:center;min-height:44px}.express-coupon .coupon-row{display:flex;align-items:end;gap:8px}.express-coupon .coupon-row .field{flex:1;min-width:0;margin:0}.express-coupon .btn{min-height:54px}.express-coupon [data-coupon-note]{margin-top:8px;color:var(--forest)}.express-quote{min-height:70px;margin-block:18px}.bundle-totals{margin:0;display:grid;gap:10px}.bundle-totals>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.bundle-totals dt{color:var(--muted)}.bundle-totals dd{margin:0;display:flex;gap:4px;align-items:center;flex-shrink:0}.bundle-totals .saving dt,.bundle-totals .saving dd,.bundle-totals .saving .price{color:var(--forest)}.bundle-totals .total{border-top:1px solid var(--line);padding-top:17px;margin-top:5px;gap:15px;align-items:start}.bundle-totals .total dt{font-size:14px;color:var(--ink);max-width:140px}.bundle-totals .total .price.large{font-size:23px}.express-cod{display:flex;align-items:center;gap:10px;padding:13px;background:var(--forest-soft);color:var(--forest);font-size:13px;border-radius:10px;margin-block:20px 14px}.express-cod span{flex:1}.express-confirm{min-height:57px!important;font-size:15px!important;white-space:normal}.express-confirm>span{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.express-confirm .price{color:inherit;font-size:15px}.express-demo-note{font-size:11px;color:var(--muted);text-align:center;margin-block:12px;line-height:1.8}.express-form>.small{font-size:11px;text-align:center}.bundle-form-error{background:var(--danger-soft);border:1px solid #edc8c8;border-radius:10px;padding:12px;font-size:13px;color:var(--danger);margin-bottom:15px}.bundle-form-error[hidden]{display:none}.error-copy{color:var(--danger);font-size:13px}.bundle-success{max-width:690px;text-align:center}.bundle-success h1{font-size:28px}.bundle-success>p{color:var(--muted);font-size:13px;margin-block:12px 22px}.bundle-success-check{display:inline-flex;width:76px;height:76px;align-items:center;justify-content:center;background:var(--forest-soft);color:var(--forest);border-radius:50%;margin:15px 0}.bundle-success .panel{text-align:start;margin-bottom:15px}.bundle-receipt-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;justify-content:center;margin-block:20px;overflow-wrap:anywhere}.bundle-receipt-meta bdi{font-family:monospace;max-width:100%;font-size:11px}.bundle-order-lines{padding:0;list-style:none;display:grid;gap:12px;margin-block:20px}.bundle-order-lines>li{display:flex;justify-content:space-between;gap:12px;font-size:13px}.bundle-order-timeline{list-style:none;padding:0;margin:15px 0;display:grid;gap:17px}.bundle-order-timeline li{display:flex;gap:10px;align-items:start}.bundle-order-timeline li>.icon{color:var(--forest);margin-top:6px}.bundle-order-timeline small{display:block;font-size:11px;color:var(--muted)}.bundle-order-actions{display:flex;gap:12px;margin-block:20px;flex-wrap:wrap}.bundle-orders-page .panel{margin-block:15px}.bundle-order-card h2{font-size:19px;margin-top:12px}.bundle-order-card p{font-size:12px;margin-block:8px}.bundle-order-card>.price{display:block;margin-block:12px}.bundle-managed{min-width:0}.bundle-managed .bundle-card{border-end-start-radius:0;border-end-end-radius:0}.bundle-managed-status{background:var(--surface);border-inline:1px solid var(--line);padding:12px 14px;display:flex;align-items:start;gap:10px}.bundle-managed-status>.small{font-size:10px;line-height:1.8;min-width:0}.bundle-manage-actions{display:flex;gap:7px;align-items:center;padding:10px 12px 15px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:var(--surface);flex-wrap:wrap}.bundle-manage-actions .btn{font-size:12px;padding:9px 12px;flex:1;white-space:normal}.bundle-manage-actions .icon-btn{width:42px;height:44px}.bundle-orders-link{margin-block:0 18px}.bundle-editor-grid{display:grid;gap:22px}.bundle-editor .panel{padding:20px 17px}.bundle-editor .panel h2{display:flex;gap:10px;align-items:center;font-size:19px;margin-bottom:18px}.step-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;min-width:28px;background:var(--forest-soft);color:var(--forest);font:600 13px Arial}.bundle-editor .field{margin-bottom:16px}.bundle-editor input,.bundle-editor textarea,.bundle-editor select{font-size:16px}.bundle-editor .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 14px}.bundle-editor-extra{border-top:1px solid var(--line);padding-top:8px}.bundle-editor-extra>summary{font-size:13px;padding:12px 0;cursor:pointer;min-height:44px}.bundle-pick-empty{display:flex;align-items:center;flex-direction:column;gap:10px;justify-content:center;padding:30px 10px;color:var(--muted);font-size:13px}.bundle-items-count{color:var(--muted);font-size:12px;flex-shrink:0}.bundle-editor-line{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;align-items:start;gap:12px;padding-block:15px;border-bottom:1px solid var(--line)}.bundle-editor-cover{width:44px}.bundle-editor-line h3{font-size:13px}.bundle-editor-line .condition{font-size:10px}.bundle-editor-line .price{font-size:13px;display:block}.bundle-editor-line .bundle-qty{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:8px}.bundle-qty input{width:66px;min-height:42px;padding:7px 10px}.bundle-editor-line .icon-btn{width:42px;height:44px}.bundle-editor [data-selected-bundle-books]+.btn{margin-top:16px}.bundle-live-preview{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;min-width:0;height:fit-content}.bundle-live-preview>h2{font-size:18px;margin-bottom:16px}.bundle-live-preview .bundle-art{border-radius:12px}.bundle-preview-copy{padding:18px 4px}.bundle-preview-copy h3{font-size:19px;overflow-wrap:anywhere}.bundle-preview-copy>p{margin-block:8px;color:var(--muted)}.bundle-live-preview>.small{font-size:11px}.bundle-preview-empty{padding:35px 10px;background:var(--wash);border-radius:14px;display:grid;justify-items:center;gap:12px;color:var(--muted);font-size:13px}.bundle-editor-submit{display:grid;gap:9px;margin-top:18px}.bundle-coverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;border:0;gap:2px 12px;margin-top:14px}.bundle-coverage legend{margin-bottom:9px;font-size:13px}.bundle-coverage .check-row{font-size:12px;min-height:44px;margin:0;display:flex;align-items:center;gap:10px}.bundle-picker-search{display:flex;align-items:end;gap:8px;margin-bottom:15px}.bundle-picker-search .field{flex:1;min-width:0;margin:0}.bundle-picker-search .btn{min-height:48px}.bundle-picker-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding-block:13px;border-bottom:1px solid var(--line)}.bundle-picker-row .bundle-editor-cover{width:40px}.bundle-picker-row h3{font-size:12px}.bundle-picker-row .condition{font-size:10px}.bundle-picker-row .price{font-size:12px;display:block}.bundle-picker-row small{font-size:10px;color:var(--muted)}.bundle-picker-row .btn{font-size:11px;padding:10px;max-width:92px;white-space:normal;min-height:44px}.bundle-picker-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0}.bundle-picker-pagination>span{font-size:12px}.bundle-picker-sheet .sheet-body{max-height:calc(90dvh - 80px)}.ad-copy{width:100%}.bundle-editor .row.between{align-items:start}.bundle-editor .page-heading,.bundle-manage .page-heading{align-items:start;flex-wrap:wrap}.bundle-editor .page-heading h1,.bundle-manage .page-heading h1{font-size:28px}
/* Retain off-screen content and accessibility, while deferring its layout and paint. */
@supports(content-visibility:auto){.home-page>.book-shelf,.home-page>.author-shelf,.home-page>.store-shelf,.home-page>.used-feature{content-visibility:auto;contain-intrinsic-size:auto 400px}}
@media(min-width:600px){.bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-art.large{height:370px}.bundle-art.large .bundle-art-book{width:155px}.bundle-line{grid-template-columns:65px minmax(0,1fr) auto;gap:18px}.bundle-line-cover{width:65px}.bundle-line h3{font-size:16px}}
@media(min-width:900px){.bundle-detail-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:44px;align-items:start}.bundle-detail-summary{padding:18px 0}.bundle-detail-summary h1{font-size:36px}.bundle-desktop-buy{display:block;margin-top:24px}.bundle-desktop-buy>.btn{min-height:54px;font-size:16px}.bundle-desktop-buy>p{text-align:center;font-size:12px;color:var(--muted);margin-top:10px}.bundle-mobile-buy{display:none}.bundle-detail-mode #main-content{padding-bottom:0}.bundle-books-section{max-width:800px}.express-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:38px;align-items:start}.express-summary{position:sticky;top:100px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.express-form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}.express-desktop-totals{display:block;margin-top:20px}.express-intro{margin-block:16px 32px}.express-intro h1{font-size:33px}.bundle-editor-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);align-items:start}.bundle-live-preview{position:sticky;top:95px}.workspace-mode .bundle-live-preview{top:8px}.bundle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bundle-home-track>.bundle-card{flex-basis:calc((100% - 48px)/4);min-width:230px}.bundle-home-track{gap:16px}.bundle-home-track .bundle-card-copy{padding:16px}.bundle-home-track .price bdi{font-size:17px}.bundle-managed .bundle-art-book{width:82px}}
@media(min-width:1200px){.bundle-art.large{height:435px}.bundle-art.large .bundle-art-book{width:180px}.bundle-home-track .bundle-art{height:205px}.bundle-home-track .bundle-art-book{width:90px}.express-width.page{padding-top:40px}}
@media(max-width:599px){.bundle-detail .bundle-line{grid-template-columns:46px minmax(0,1fr)}.bundle-detail .bundle-line-cover{width:46px;grid-row:span 2}.bundle-detail .bundle-line-price{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.bundle-search-results .bundle-grid{grid-template-columns:minmax(0,1fr)}.express-coupon .btn{padding-inline:12px}.bundle-page-intro .page-heading>.btn{font-size:12px;padding:9px 12px}.bundle-editor .page-heading>.btn{font-size:12px}.bundle-editor .button-row{justify-content:start}.bundle-home-shelf .section-header{align-items:start}.bundle-success .panel{padding:18px}.bundle-order-actions .btn{flex:1;white-space:normal}.bundle-breadcrumb{margin-top:-7px}.bundle-art.large{height:260px}.bundle-art.large .bundle-art-book{width:105px}.bundle-home-track{margin-inline-end:calc(-1*var(--gutter));padding-inline-end:var(--gutter)}.bundle-detail-summary h1{font-size:28px}.bundle-detail-mode .site-footer{margin-bottom:80px}.bundle-editor-line .icon-btn{align-self:start}.bundle-editor .page-heading p{font-size:13px}.bundle-picker-row .btn .icon{display:none}}
@media(prefers-reduced-motion:reduce){.bundle-card,.bundle-card-arrow{transition:none}.bundle-home-track{scroll-snap-type:none}}
/* Native form focus must not race a global smooth-scroll animation, especially on phones. */
html{scroll-behavior:auto}
@media(min-width:900px) and (max-width:1199px){.workspace .bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bundle-sell-entry{margin-bottom:18px}

/* RC2 operations use the existing bookstore tokens and one document scroll on phones. */
.ops-list,.ops-thread{display:grid;gap:1rem}.ops-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-block:1.1rem}.ops-grid>*,.ops-card{min-width:0}.ops-card{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem;overflow-wrap:anywhere}.ops-card header{display:flex;justify-content:space-between;gap:.8rem;align-items:start;flex-wrap:wrap}.ops-card h2,.ops-card h3,.ops-card p{margin:0}.ops-card h3{font-size:1rem}.ops-card small{color:var(--muted,#5f675f)}.ops-card .button-row{margin-block-start:auto}.ops-card .btn{white-space:normal;min-height:44px}.ops-status{border:1px solid var(--line,#ddd);background:var(--surface,#faf9f5);border-radius:999px;font-size:.78rem;padding:.3rem .65rem;max-width:100%;white-space:normal}.ops-id{font-size:.8rem;overflow-wrap:anywhere;word-break:break-all;color:var(--muted,#626961)}.ops-text{white-space:pre-wrap;line-height:1.8}.ops-rate{font-size:1.8rem}.ops-pager{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-block:1.5rem}.ops-pager>span{text-align:center;font-size:.82rem}.ops-pager small{display:block;margin-block-start:.3rem}.ops-pager .btn{padding-inline:.65rem;min-height:44px}.ops-message{padding:1.1rem}.ops-message.staff{border-inline-start:4px solid var(--green,#2c5246)}.ops-message p{margin-block:.7rem}.ops-resolution{padding:.7rem;background:var(--surface,#f3f3ec);border-radius:.6rem;white-space:pre-wrap}.ops-evidence{display:block;max-width:100%;max-height:72dvh;object-fit:contain;margin-inline:auto}.ops-merge-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}.ops-merge-pair>div{min-width:0}.ops-merge-pair>div:last-child{grid-column:1/-1;display:flex;gap:.5rem;flex-wrap:wrap}.ops-merge-pair .book-cover{width:100px;max-width:100%;height:145px}.ops-merge-pair h3{font-size:1rem}.ops-merge-summary dl{display:grid;grid-template-columns:1fr auto;gap:.5rem}.ops-merge-summary dd{margin:0}.ops-thread .narrow{width:100%}
@media(min-width:768px){.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-merge-pair{grid-template-columns:1fr 1fr auto}.ops-merge-pair>div:last-child{grid-column:auto;flex-direction:column;justify-content:center}}
@media(min-width:1200px){.ops-grid:has(>.ops-card){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ops-card{scroll-behavior:auto}}

@media(max-width:767px){.ops-finance-tabs .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.25rem}.ops-finance-tabs .tab{flex:0 0 auto;white-space:nowrap;min-height:48px;padding:.65rem .75rem;font-size:.8rem}}

/* RC3 desktop patch: shared seller/admin layout contract. Loaded after the legacy visual styles.
 * The scroll viewport MUST stretch; auto inline margins on an auto-width grid
 * item previously shrink-wrapped whole pages to their intrinsic content width.
 * Limit a reading/form panel, never the operational workspace itself.
 */
.workspace, .workspace-main, .workspace-content { min-inline-size: 0; }
.workspace-content {
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: 0;
  justify-self: stretch;
  container: workspace / inline-size;
}
.workspace-content > *, .workspace-content .panel, .workspace-content .table-panel {
  min-inline-size: 0;
}
.workspace-content > .container { inline-size: 100%; max-inline-size: none; }
.workspace-content > .narrow {
  inline-size: min(100%, 1040px);
  margin-inline: 0;
}
.workspace-content .table-toolbar { flex-wrap: wrap; }
.workspace-content .table-toolbar > .button-row { flex-wrap: wrap; }
.workspace-content .data-table-wrap {
  max-inline-size: 100%;
  overscroll-behavior-inline: contain;
}
.workspace-content .data-table-wrap:focus-visible {
  outline: 2px solid var(--forest);
  outline-offset: -2px;
}
.workspace-content .data-table { min-inline-size: 660px; }
.workspace-content .data-table th, .workspace-content .data-table td { vertical-align: middle; }
.workspace-content .data-table td { overflow-wrap: anywhere; }
.workspace-content .table-actions { flex-wrap: wrap; }
.workspace-content .table-book { min-inline-size: 180px; }
.workspace-content .order-grid { grid-template-columns: minmax(0, 1fr); }
.workspace-content .order-card { min-inline-size: 0; }
.workspace-content .page-heading { flex-wrap: wrap; gap: 16px; }
.workspace-content .workspace-welcome { flex-wrap: wrap; }
.workspace-header .workspace-crumb { min-inline-size: 0; font-size: 13px; }
.workspace-header .workspace-section { color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-form-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 24px; }

@media (min-width: 768px) {
  /* Tablets keep the drawer; operational data no longer turns into phone cards. */
  .workspace-content .data-table-wrap { display: block; }
  .workspace-content .mobile-records { display: none; }
  .workspace-content .table-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 0; }
  .workspace-content .table-panel > .table-toolbar { border: 0; border-radius: 0; border-bottom: 1px solid var(--line); }
  .workspace-content .table-meta { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
  .workspace-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  :root { --workspace-rail: 232px; --workspace-top: 76px; }
  html:has(body.workspace-mode), body.workspace-mode { overflow: hidden; }
  body.workspace-mode { block-size: 100dvh; padding: 0; }
  .workspace {
    display: grid;
    grid-template-columns: var(--workspace-rail) minmax(0, 1fr);
    inline-size: 100%; block-size: 100dvh; min-block-size: 0;
  }
  .workspace > .workspace-sidebar {
    display: flex; position: relative; inset-block-start: auto;
    block-size: 100dvh; min-block-size: 0; overflow: hidden;
    padding: 24px 12px 16px;
  }
  .workspace-main {
    display: grid; grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--workspace-top) minmax(0, 1fr);
    inline-size: 100%; max-inline-size: none; block-size: 100dvh;
    padding: 0; margin: 0; overflow: hidden;
  }
  .workspace-header { position: relative; block-size: var(--workspace-top); padding-inline: 28px; }
  .workspace-header > [data-action="workspace-menu"] { display: none; }
  .workspace-content {
    block-size: 100%; min-block-size: 0;
    overflow-y: auto; overflow-x: hidden;
    scrollbar-gutter: stable; overscroll-behavior-y: contain;
    padding: 28px clamp(24px, 2.1vw, 42px) 48px;
  }
  .workspace-mode .mobile-bottom-nav, .workspace-mode .admin-bottom-nav { display: none; }
  .workspace-content .workspace-welcome { flex-direction: row; align-items: center; }
  .workspace-content .page-heading h1, .workspace-content .workspace-welcome h1 { font-size: 30px; }
  .workspace-content .page-heading p, .workspace-content .workspace-welcome p { font-size: 14px; }
  .workspace-content .stat-card { padding: 20px; }
  .workspace-content .stat-card > strong { font-size: clamp(24px, 1.9vw, 34px); }
  .workspace-content .stat-card .price { flex-wrap: wrap; }
  .workspace-content .data-table td { padding-block: 16px; }
  .workspace-content .data-table th { padding-block: 14px; }
  .workspace-sidebar .sidebar-link { min-block-size: 44px; font-size: 14px; border-radius: 10px; }
  .workspace-sidebar .sidebar-scroll { overflow-y: auto; }
  .workspace-sidebar .workspace-label { font-size: 12px; letter-spacing: 0; }
  .workspace-content .sell-shell { inline-size: 100%; max-inline-size: 1120px; padding-inline: 0; }
}
@media (min-width: 1440px) { :root { --workspace-rail: 256px; } }
@media (min-width: 1920px) { :root { --workspace-rail: 272px; } }

/* Reflow against the actual content area, not a viewport that also includes a rail. */
@container workspace (min-width: 640px) {
  .workspace-content .order-grid, .workspace-content .moderation-grid, .workspace-content .review-moderation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-content .admin-section-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container workspace (max-width: 799px) {
  .workspace-content .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-content .dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
  .workspace-content .workspace-welcome > .button-row { flex-wrap: wrap; flex-shrink: 1; }
}
@container workspace (min-width: 800px) {
  .workspace-content .stats-grid:not(.two) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .workspace-content .dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr); align-items: stretch; }
}
@container workspace (min-width: 1280px) {
  .workspace-content .order-grid, .workspace-content .moderation-grid, .workspace-content .review-moderation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .workspace-content .admin-section-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .workspace-content .dashboard-grid { grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); }
}
@media (max-width: 767px) {
  .workspace-content .data-table-wrap { display: none; }
  .workspace-content .mobile-records { display: grid; grid-template-columns: minmax(0, 1fr); }
}
@media print {
  html:has(body.workspace-mode), body.workspace-mode { overflow: visible; block-size: auto; }
  .workspace, .workspace-main, .workspace-content { display: block; block-size: auto; overflow: visible; inline-size: 100%; padding: 0; }
  .workspace > .workspace-sidebar, .workspace-header, .workspace-mode .mobile-bottom-nav, .workspace-mode .admin-bottom-nav { display: none; }
  .workspace-content .data-table-wrap { display: block; overflow: visible; }
  .workspace-content .mobile-records { display: none; }
}

/* Shared responsive UX, scoped to avoid narrowing operational workspaces. */
input::placeholder,textarea::placeholder{color:#626c60;opacity:1}
.composer-page{max-width:1160px!important}.composer-page *{min-width:0}.composer-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.composer-heading h1{font-size:clamp(26px,4vw,38px);line-height:1.3}.composer-heading p{max-width:62ch;color:var(--muted)}
.composer-single-page .composer-content{grid-template-columns:minmax(0,1fr)}
.composer-single-page .composer-form{gap:28px}
.composer-section{display:grid;gap:16px}
.composer-section+.composer-section{border-top:1px solid var(--line,#e4e7df);padding-top:28px}
.composer-section h2,.composer-section h3,.composer-section p{margin:0}
.composer-photos .button-row{padding:24px;border:1px dashed var(--line,#d7d5cc);border-radius:14px;background:var(--surface,#f9f9f5)}
.composer-photos .copy-photo-grid:empty,.composer-photos #photo-progress:empty{display:none}
.composer-single-page .composer-actions{margin-top:0}
.composer-steps{display:flex;gap:8px;padding:0;margin:20px 0;list-style:none;counter-reset:stage}.composer-steps li{flex:1;padding:12px 16px;border-radius:12px;background:#eeeee8;counter-increment:stage;display:flex;align-items:center;gap:8px}.composer-steps li::before{content:counter(stage);width:26px;height:26px;border-radius:50%;background:white;display:grid;place-items:center;flex-shrink:0}.composer-steps .active,.composer-steps [aria-current=step]{background:#e2eadd;color:#183d31;font-weight:700}
.composer-content{padding:clamp(16px,3vw,32px);background:var(--white,#fff);border:1px solid var(--line,#e4e7df);border-radius:20px}.composer-form{display:grid;gap:18px}.composer-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.composer-form fieldset{border:0;margin:0;padding:0}.composer-form legend{font-weight:700;margin:8px 0 12px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line,#e4e7df);flex-wrap:wrap}.composer-page .btn{white-space:normal;overflow-wrap:anywhere;text-align:center;min-height:44px}.composer-help{font-size:14px;color:var(--muted);margin-top:12px}
.lookup-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lookup-result{display:flex;gap:14px;padding:14px;text-align:start;background:#f8f8f3;border:1px solid #dfe4d9;border-radius:12px;cursor:pointer;align-items:center;min-height:88px}.lookup-result:hover{border-color:#204b3b;background:#eef3e8}.lookup-result>div:first-child{max-width:55px}.lookup-result .book-cover{max-width:54px}.match-card{display:flex;gap:20px;border-radius:14px;background:#edf2e8;padding:20px}.match-cover{width:90px;flex-shrink:0}.match-card h2{margin:8px 0}.edition-options,.defect-grid{display:grid;gap:10px}.choice-card{display:flex;align-items:center;gap:12px;background:#f9f9f5;border:1px solid #d9dfd3;padding:14px;border-radius:12px;cursor:pointer}.choice-card:has(input:checked){border-color:#214c38;background:#eaf1e5}.choice-card:focus-within{outline:3px solid #557e62;outline-offset:2px}.manual-book{border-top:1px solid #dfe4d9;padding-top:20px;margin-top:18px}.condition-options,.delivery-options{display:flex;gap:10px;flex-wrap:wrap}.condition-options>label,.delivery-options>label{flex:1 1 150px}.defect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.copy-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.copy-photo{border:1px solid #dce2d5;border-radius:14px;overflow:hidden;background:#f5f6ee}.copy-photo img{width:100%;height:170px;object-fit:contain}.copy-photo .photo-tools{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;padding:8px}.photo-tools button{min-width:40px;min-height:40px}.copy-lightbox img{max-width:100%;max-height:70vh;object-fit:contain}.listing-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.preview-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.preview-gallery img{width:100%;height:180px;object-fit:contain;background:#f3f4ed;border-radius:10px}.preview-gallery img:first-child{grid-column:1/-1;height:320px}.preview-info{display:flex;flex-direction:column;gap:14px}.preview-condition{display:flex;gap:8px;flex-wrap:wrap}.listing-gallery img{cursor:zoom-in}
.ux-filter-extra{display:grid;gap:12px}.ux-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ux-copy-evidence{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin:15px 0}.ux-copy-evidence img{width:100%;height:150px;object-fit:contain;background:#eef1e8;border-radius:8px}.ux-inline-message{padding:12px 16px;border-radius:10px;background:#eef2e8}.ux-review-panel{display:grid;gap:14px}.ux-review-panel details{padding:12px;border:1px solid #dce3d6;border-radius:10px}.ux-review-panel summary{font-weight:700;cursor:pointer;min-height:32px}.ux-selection-bar{position:sticky;bottom:10px;background:#1c4134;color:white;padding:12px 18px;border-radius:12px;display:flex;gap:16px;align-items:center;z-index:5}.ux-selection-bar[hidden]{display:none}.ux-selection-bar .btn{color:inherit}.ux-cms-preview{padding:20px;background:#eef3e8;border-radius:14px;margin:16px 0}.ux-cms-preview.mobile{max-width:390px;margin-inline:auto}.ux-cms-preview section{padding:16px;border:1px solid #dbe2d5;background:white;border-radius:10px;margin:10px 0}
@media(min-width:1024px){.workspace-main .page-header{margin-bottom:20px}.workspace-main .page-header p{max-width:75ch}.workspace-main .page-header h1{font-size:30px}.request-review.ux-review-panel{grid-template-columns:1fr 1fr}.request-review.ux-review-panel>button,.request-review.ux-review-panel>details{grid-column:1/-1}}
@media(max-width:640px){.composer-heading{align-items:flex-start;flex-direction:column}.composer-heading h1{margin-bottom:4px}.composer-steps{gap:4px}.composer-steps li{font-size:12px;padding:8px;flex-direction:column;text-align:center}.composer-content{padding:16px}.composer-form .form-grid,.lookup-results,.listing-preview{grid-template-columns:1fr}.composer-actions{position:sticky;bottom:70px;background:#fffffff5;padding:12px;border-radius:12px;box-shadow:0 3px 15px #20302012}.composer-actions>.btn{flex:1 1 100px}.preview-gallery img:first-child{height:260px}.match-cover{width:65px}.match-card{padding:12px;gap:12px}.copy-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-page .eyebrow{overflow-wrap:anywhere;font-size:12px}.composer-page .button-row{flex-wrap:wrap}.defect-grid{grid-template-columns:1fr}.page-header p{font-size:14px;line-height:1.7}}

[hidden]{display:none!important}.composer-steps li::before{display:none}.composer-steps li>b{display:grid;place-items:center;border-radius:50%;background:#fff;width:27px;height:27px;flex-shrink:0}.composer-content{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px}.composer-help{padding-inline-start:24px;border-inline-start:1px solid #e4e7dc;margin:0}.composer-help h2{font-size:20px;margin-bottom:12px}@media(max-width:760px){.composer-content{grid-template-columns:1fr;gap:16px}.composer-help{border-inline-start:0;border-top:1px solid #e4e7dc;padding:12px 0 0}.composer-help h2{display:none}.composer-help p{margin:0}.composer-steps li{flex-direction:row;justify-content:center}.composer-steps li>b{width:23px;height:23px}.composer-actions{bottom:12px}}
.cms-publish-bar{position:sticky;top:76px;z-index:12;background:var(--paper,#f5f2ea);padding:14px;border:1px solid var(--line,#d7d9cf);border-radius:14px;margin-block:16px}.cms-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.cms-preview-frame{max-width:100%;overflow:auto;background:#ddd;padding:10px}.selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.copy-evidence img{width:100%;height:180px;object-fit:contain;background:#f2f2ed}.cms-row{min-width:0;flex-wrap:wrap}.cms-row>div{min-width:0;overflow-wrap:anywhere}@media(max-width:800px){.cms-editor-grid{grid-template-columns:1fr}.cms-publish-bar{top:60px}.cms-publish-bar .btn{flex:1 1 44%;white-space:normal}}

.catalog-lookup{display:flex;flex-wrap:wrap;gap:10px}.catalog-lookup .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%;text-align:start;line-height:1.6}

/* Compact mobile home and product navigation; preserve desktop layout. */
@media (max-width: 767px) {
.site-header .header-actions { gap: 4px; }
.site-header .header-actions .desktop-label { display: none; }
.site-header .header-actions > .icon-btn,
.site-header .header-actions > .header-icon,
.site-header .header-actions > .header-account {
  width: 44px; height: 44px; min-width: 44px; min-height: 44px;
  padding: 0; justify-content: center; border-radius: 12px;
}
.site-header .header-actions > :hover { background: var(--wash); }
.site-header .header-actions .icon { width: 18px; height: 18px; }
.site-header .header-icon .count {
  inset-inline-start: auto; inset-inline-end: 1px; top: 1px;
  min-width: 15px; height: 15px; padding-inline: 3px;
  border-radius: 9px; font-size: 9px; box-shadow: 0 0 0 2px var(--paper);
}
.product-announcement { display: none; }
.product-header { border-bottom: 1px solid var(--line); }
.product-header .header-main {
  display: flex; height: 60px; min-height: 60px; gap: 4px; padding-block: 0; padding-inline: 12px;
}
.product-header .desktop-categories,
.product-header .header-location { display: none; }
.product-header .logo { min-width: 88px; gap: 5px; }
.product-header .logo-symbol { width: 30px; height: 36px; }
.product-header .logo-text { font-size: 26px; }
.product-header .logo-text small { font-size: 6px; margin-top: 4px; }
.product-header .header-search { min-height: 40px; margin: 0; padding-block: 6px; }

  .product-header .logo { margin-inline-end: auto; }
  .product-header .header-search {
    flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px;
    padding: 0; justify-content: center; background: transparent; border: 0;
  }
  .product-header .header-search > span,
  .product-header .header-search kbd { display: none; }
  .product-header .header-search > .icon { width: 18px; height: 18px; }
  .product-header .header-actions { gap: 0; }
  .site-header { background: var(--paper); backdrop-filter: none; transform: translate3d(0, 0, 0); will-change: transform; transition: transform 240ms cubic-bezier(.22, .61, .36, 1); }
  .site-header.header-hidden:not(:focus-within) { transform: translate3d(0, -100%, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .site-header { transition: none; }
}
/* Inline search expands in the header flow without an overlay or scroll lock. */
.header-search-panel[hidden] { display: none; }
.header-search-panel { padding-block: 0 10px; }
.inline-search-inner { max-width: 640px; margin-inline: auto; }
.header-search-panel .search-form { display: flex; align-items: center; gap: 8px; }
.header-search-panel .search-input-wrap { flex: 1; min-width: 0; height: 46px; padding: 0; gap: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--wash); }
.header-search-panel .search-input-wrap:focus-within { border-color: #a5b4a8; box-shadow: none; }
.header-search-panel .search-input-wrap input { font-size: 16px; height: 44px; min-height: 44px; min-width: 0; padding: 0; }
.header-search-panel .search-input-wrap .icon-btn { width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; border-radius: 11px; color: var(--muted); }
.header-search-panel #search-suggestions { max-height: min(260px, calc(100dvh - 160px)); overflow-y: auto; overscroll-behavior: contain; padding-inline: 3px; }
.header-search-panel .search-block { margin-top: 12px; }
.header-search-panel .search-block h3 { margin-bottom: 6px; }
.header-search-panel .search-block .row h3 { margin-bottom: 0; }
.header-search-panel .search-history, .header-search-panel .suggestion-row { padding: 8px 6px; min-height: 44px; border-radius: 6px; }
.header-search-panel .search-history:hover, .header-search-panel .suggestion-row:hover { background: var(--wash); }
.header-search-panel .search-history > span, .header-search-panel .suggestion-row > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
.header-search-panel .chips { flex-wrap: wrap; gap: 6px; }
.header-search-panel .search-block > .btn.full { margin-top: 10px; }
.site-header.search-expanded { transform: translate3d(0, 0, 0); }
@media (max-width: 767px) {
  .header-search-panel { padding-inline: 12px; }
}

/* Keep one in-field close control across browsers. */
.header-search-panel input[type="search"]::-webkit-search-cancel-button,
.header-search-panel input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

/* Compact catalog navigation and adjacent search controls. */
.home-category-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.home-category-heading h2 { font-size:17px; }
.catalog-search-row { display:flex; align-items:center; gap:8px; margin-bottom:18px; }
.catalog-search-form { display:flex; flex:1; min-width:0; align-items:center; border:1px solid var(--line); border-radius:12px; background:var(--surface); padding-inline:4px; }
.catalog-search-form:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.catalog-search-form input { min-width:0; border:0; background:transparent; box-shadow:none; font-size:16px; }
.catalog-search-form .icon-btn { flex-shrink:0; }
.inline-search-filter { flex-shrink:0; padding-inline:12px; border-radius:12px; }
@media (max-width:767px) {
  .home-page .home-sequence { gap:16px; }
  .home-page .hero-panel { margin-top:0; }
  .home-page .home-categories { order:0; margin:0; overflow:visible; }
  .home-page .category-shortcuts { display:flex; gap:8px; margin-inline:calc(-1 * var(--gutter)); padding:4px var(--gutter) 10px; scroll-padding-inline:var(--gutter); }
  .home-page .category-shortcut { display:flex; flex-direction:row; flex:0 0 auto; align-items:center; width:auto; min-width:0; gap:8px; padding:5px 10px 5px 5px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
  .home-page .category-shortcut > .category-thumbnail { width:38px; height:38px; flex:0 0 38px; border-radius:8px; border:0; box-shadow:none; }
  .home-page .category-shortcut strong { font-size:12px; white-space:nowrap; padding:0; }
  .home-category-heading h2 { font-size:15px; }
  .search-page > .breadcrumb { margin-bottom:12px; }
  .search-page > .page-heading { margin-bottom:16px; }
  .search-page > .page-heading p { display:none; }
  .catalog-filter { min-height:48px; padding-inline:12px; border-radius:12px; }
  .search-page .results-toolbar { gap:8px; }
  .search-page .sort-button { max-width:210px; white-space:normal; }
}


/* Keep the original category rail on every browse destination. The full
   catalog stays accessible through All categories; the rail never wraps. */
@media (min-width:768px) {
  .site-header .desktop-categories {
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .site-header .desktop-categories > a { display:flex; align-items:center; flex-shrink:0; white-space:nowrap; padding-block:10px; }
  .desktop-categories > a[aria-current="page"] {
    color:var(--accent);
    box-shadow:inset 0 -2px var(--accent);
  }
}
@media (max-width:767px) {
  .browse-header .header-main > .header-search { display:flex; flex:0 0 44px; width:44px; min-height:44px; height:44px; padding:0; margin:0; justify-content:center; border:0; background:transparent; }
  .browse-header .header-search > span, .browse-header .header-search kbd { display:none; }
}
.bundles-page .bundle-page-intro { margin-bottom:16px; }
.bundles-page .bundle-page-intro .page-heading { margin-bottom:0; }
.bundles-page .bundle-page-intro h1 { font-size:28px; }
.bundles-page .bundle-search-form { margin-block:0 12px; gap:0; align-items:center; }
.bundles-page .bundle-search-form input { flex:1; width:100%; }
.bundles-page .bundle-toolbar { display:flex; justify-content:flex-start; margin-block:0 16px; }
.browse-search-form { min-height:56px; padding:4px 6px; border-radius:17px; box-shadow:0 8px 24px rgba(25,63,53,.06); }
.browse-search-form input { flex:1; order:0; padding-inline:10px; }
.browse-search-form > button[type="submit"] { order:-1; color:var(--muted); }
.catalog-inline-filter { order:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding-inline:13px; border:0; border-inline-start:1px solid var(--line); border-radius:0 11px 11px 0; background:transparent; color:var(--forest); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
html[dir="rtl"] .catalog-inline-filter { border-radius:11px 0 0 11px; }
.catalog-inline-filter:hover { background:var(--wash); }
.catalog-inline-filter:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.catalog-inline-filter b { display:grid; place-items:center; min-width:20px; height:20px; padding-inline:5px; border-radius:10px; background:var(--forest); color:#fff; font-size:11px; line-height:1; }
@media (max-width:767px) {
  .browse-header .header-main { display:flex; height:72px; min-height:72px; flex-wrap:nowrap; gap:4px; padding-block:0; }
  .browse-header .logo-text { font-size:27px; }
  .browse-header .logo-symbol { width:30px; }
  .browse-header .header-actions { gap:0; }
  .browse-header .header-main > .header-search { order:0; }
  .browse-header .logo { margin-inline-end:auto; }
  .browse-header .header-actions { margin-inline-start:0; }
  .bundles-page .bundle-page-intro .page-heading { gap:12px; }
  .bundles-page .bundle-page-intro .page-heading p { font-size:13px; margin-block:6px 0; }
}

/* Search starts on the reading edge in both Arabic and English. */
.catalog-search-form > button[type="submit"] { order:-1; }
@media (max-width:767px) { .search-page > .breadcrumb { display:none; } }

/* Discovery search: one field, one sheet, and portrait book covers. */
.search-page .catalog-search-form { min-height:54px; padding:4px 8px; border-radius:16px; background:var(--surface); }
.search-page .catalog-search-form input { flex:1; order:1; padding-inline:8px; }
.search-page .catalog-search-form > button[type="submit"] { order:0; color:var(--muted); }
.search-page .catalog-search-form .catalog-filter { order:2; position:relative; width:44px; height:44px; border-radius:12px; color:var(--forest); background:var(--wash); }
.catalog-filter-count { position:absolute; top:0; inset-inline-end:0; min-width:16px; height:16px; padding-inline:3px; border-radius:50%; background:var(--forest); color:white; font-size:10px; line-height:16px; }
.search-page .results-layout { display:block; }
.search-page .filter-sidebar { display:none; }
@media(min-width:1024px) {
  .search-page .results-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:28px; }
  .search-page .filter-sidebar { display:block; top:170px; max-height:calc(100dvh - 190px); overflow-y:auto; scrollbar-width:thin; padding:20px; }
  .search-page .catalog-search-form .catalog-filter { display:none; }
  .search-page .filter-sidebar .filter-actions { position:sticky; bottom:-20px; z-index:2; background:var(--surface); border-top:1px solid var(--line); padding-block:14px 20px; }
}
.search-page .results-toolbar { justify-content:flex-start; gap:12px; margin-bottom:14px; }
.search-page .active-filters { margin-bottom:18px; }
.search-page .results-main .book-grid { grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:28px 20px; }
.search-page .results-main .book-stage { height:auto; aspect-ratio:3/4; padding:20px; }
.search-page .book-cover-link { height:100%; min-height:0; }
.search-page .book-cover-link .book-cover { width:auto; height:100%; max-width:100%; max-height:100%; aspect-ratio:2/3; }
.sheet.catalog-filters-sheet { top:auto; bottom:0; margin:0 auto; inset-inline:0; width:min(640px,100%); max-height:90dvh; border-radius:24px 24px 0 0; padding-bottom:env(safe-area-inset-bottom); animation:catalog-sheet-in .2s ease-out; }
.sheet.catalog-filters-sheet[open] { display:flex; flex-direction:column; overflow:hidden; }
.catalog-filters-sheet .sheet-heading, .catalog-filters-sheet .sheet-grip { flex-shrink:0; }
.catalog-filters-sheet .sheet-body { min-height:0; overflow-y:auto; }
.catalog-filters-sheet .sheet-grip { display:block; width:36px; height:4px; border-radius:4px; background:var(--line); margin:10px auto 0; }
.catalog-filters-sheet .filter-actions { position:sticky; bottom:calc(-24px - env(safe-area-inset-bottom)); background:var(--surface); padding-block:14px 24px; border-top:1px solid var(--line); z-index:2; }
@keyframes catalog-sheet-in { from { transform:translateY(30px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@media(prefers-reduced-motion:reduce) { .sheet.catalog-filters-sheet { animation:none; } }
@media(max-width:767px) {
  .search-page .results-main .book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 12px; }
  .search-page .results-main .book-stage { padding:16px; }
  .catalog-filters-sheet .filter-actions { bottom:calc(-20px - env(safe-area-inset-bottom)); }
}

/* Searchable catalog fields and explicit main-photo selection. */
.catalog-picker{min-width:0;position:relative}.catalog-picker-control{position:relative}.catalog-picker input[role=combobox]{width:100%}.catalog-picker-list{position:absolute;z-index:35;inset-inline:0;top:calc(100% + 4px);max-height:260px;overflow-y:auto;background:var(--paper,#fff);border:1px solid var(--line,#d7d5cc);border-radius:12px;box-shadow:0 12px 32px #0002}.catalog-picker-list[hidden]{display:none}.catalog-picker-list [role=option]{padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--line,#e7e5df)}.catalog-picker-list [role=option]:last-child{border-bottom:0}.catalog-picker-list [role=option]:hover,.catalog-picker-list [aria-selected=true]{background:#e8eee8}.catalog-picker-list small{opacity:.7}.catalog-picker-status:empty{display:none}.copy-photo.is-main{outline:2px solid #a56c2d;outline-offset:2px}.photo-main-toggle{min-height:40px;display:inline-flex;gap:6px;align-items:center;padding:8px;border:1px solid #d7d5cc;border-radius:8px;background:transparent;font:inherit;cursor:pointer}.photo-main-toggle.is-main{background:#f5e8d2;color:#75470e;border-color:#bd9559}.photo-tools{flex-wrap:wrap}.copy-photo .photo-tools{justify-content:space-between}.photo-main-toggle .icon{width:17px;height:17px}.copy-photo-grid img{display:block;width:100%;object-fit:contain}.copy-condition-picker{margin-block:20px}.catalog-picker-status{font-size:12px}

.copy-photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.copy-photo{margin:0;min-width:0}.copy-photo>button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.copy-photo figcaption{padding:8px 10px;font-weight:600;font-size:13px}.copy-photo .photo-main-toggle{flex:1;justify-content:center;font-size:12px}.copy-photo img{height:190px}@media(max-width:640px){.copy-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-photo img{height:160px}}

/* Screenshot review: preserve title/subtitle hierarchy in table cards. */
.mobile-record-title > small,.mobile-record-title > a > small,.data-table td > strong + small{display:block;margin-block-start:4px;color:var(--muted);font-size:13px;line-height:1.6}
.copy-evidence .filter-chips{display:grid;gap:8px;margin-block-start:16px}
.copy-evidence .filter-chip{display:block;padding:8px 12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;line-height:1.65}
/* Forward icons are Arabic-left; back icons are Arabic-right. */
html[dir=ltr] [data-action=sell-next] .icon-arrow,
html[dir=ltr] .more-grid .icon-chevron,
html[dir=ltr] .admin-section-link .icon-chevron,
html[dir=ltr] .account-menu .icon-chevron,
html[dir=ltr] .account-links .icon-chevron,
html[dir=ltr] .bundle-card .icon-arrow,
html[dir=ltr] .chat-heading .icon-back{transform:rotate(180deg)}
.summary-panel .coupon-form{margin-block:16px;padding-block:12px;border-block:1px solid var(--line)}
.summary-panel .coupon-form .field{min-width:0}
.summary-panel .coupon-form input{width:100%;min-width:0}
@media(max-width:767px){.express-mode .checkout-layout .checkout-section{padding:18px;margin-block-end:16px}.express-mode .checkout-layout{gap:18px}.express-mode .checkout-layout .form-grid{gap:12px}}

/* Keep moderation decisions reachable on narrow phones. */
@media(max-width:399px){.admin-mode .moderation-card .button-row{grid-template-columns:minmax(0,1fr)}.admin-mode .moderation-card .button-row .btn{min-width:0;white-space:normal}}

html[dir=ltr] .attention-row .icon-chevron{transform:rotate(180deg)}

.book-parts { color: var(--green, #274b3e); font-size: .8rem; line-height: 1.5; margin: .3rem 0; }

/* Explore keeps catalog subjects separate from authors and sellers. */
.explore-directory-search{display:flex;align-items:flex-end;gap:10px;max-width:720px;margin:20px 0 24px}
.explore-directory-search .field{flex:1;min-width:0;margin:0}.explore-directory-search .btn{margin-bottom:20px;min-height:44px}
.explore-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}
.explore-category-card{border:1px solid var(--line,#deded3);border-radius:18px;background:var(--white,#fff);padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.explore-category-symbol{color:var(--green,#274b3e);background:#e9eee3;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.explore-category-card h2{font-size:20px;margin:0}.explore-category-card h2 a{text-decoration:none;color:inherit}
.explore-category-card p{margin:0;color:var(--muted,#6c756b);font-size:13px;line-height:1.8}.explore-category-card .explore-category-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:auto;padding-top:10px;font-size:12px}
.explore-empty{padding:30px 12px;text-align:center;color:var(--muted,#6c756b)}
@media(max-width:767px){.explore-page.container,.search-page.container{padding-inline:8px}.explore-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.explore-category-card{padding:12px;border-radius:14px}.explore-category-card h2{font-size:17px}.explore-category-actions .text-link{min-height:38px;display:flex;align-items:center}.explore-directory-search{gap:8px}.search-page .book-grid{gap:8px}}
@media(max-width:359px){.explore-category-grid{grid-template-columns:1fr}}

/* Unified desktop seller settings and wide banner crop. */
.profile-image-field .store-banner-picker img{border-radius:0}
.store-settings-grid{display:grid;gap:24px;max-width:960px}.store-settings-grid>.panel{width:100%;margin:0}.store-banner-picker{display:block;width:100%;height:auto;aspect-ratio:3/1;border-radius:12px;overflow:hidden;background:var(--surface,#f4f1ea)}.store-banner-picker [data-profile-preview]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.store-banner-picker img{width:100%;height:100%;object-fit:cover}.profile-crop-dialog canvas{max-width:100%;height:auto;touch-action:none}.store-banner{position:relative;overflow:hidden}.store-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.store-banner:has(.store-banner-image) .store-banner-lines,.store-banner:has(.store-banner-image)>span{display:none}

/* Author portraits sit in a social profile header, separate from the biography. */
.author-profile{margin-bottom:32px;border:1px solid var(--line,#E6E7DF);border-radius:20px;overflow:hidden;background:#fff}
.author-profile-cover{height:156px;background:radial-gradient(circle at 92% -50%,transparent 130px,#CCD7C8 131px,transparent 132px),radial-gradient(circle at 5% 170%,transparent 150px,#CCD7C8 151px,transparent 152px),#E7ECE3}
.author-profile-identity{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 28px 28px;text-align:center}
.author-profile .author-profile-portrait{display:block;flex-shrink:0;width:144px;height:144px;margin:-72px 0 16px;border:6px solid #fff;border-radius:50%;overflow:hidden;background:#EBE8DC}
.author-profile-portrait img{width:100%;height:100%;object-fit:cover}
.author-profile-identity .eyebrow{justify-content:center}
.author-profile-identity h1{font-size:36px;line-height:1.4;margin:6px 0 12px;max-width:100%;overflow-wrap:anywhere}
.author-profile-bio{margin:0 32px;padding:24px 0 28px;border-top:1px solid #E6E7DF}
.author-profile-bio h2{font-size:19px;margin:0 0 10px}
.author-profile-bio p{font-size:15px;line-height:1.9;white-space:pre-line;max-width:76ch;color:#5E685F;margin:0;overflow-wrap:anywhere}
@media(max-width:599px){.author-profile-cover{height:112px}.author-profile .author-profile-portrait{width:120px;height:120px;margin-top:-56px;border-width:5px}.author-profile-identity{padding:0 20px 20px}.author-profile-identity h1{font-size:30px}.author-profile-bio{margin:0 20px;padding-top:20px}}
.storefront-shelf{margin-block:0 36px}.storefront-section{border:1px solid var(--line,#e4e3dc);border-radius:16px;padding:18px;margin-block:16px;display:grid;gap:12px;min-width:0}.storefront-section legend{font-weight:700;padding-inline:8px}.storefront-picker{display:grid;gap:10px;margin-block:16px}.store-profile-actions .icon-btn{min-width:44px;min-height:44px}#storefront-editor{grid-column:1/-1}#storefront-editor [data-storefront-cards]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.storefront-shelf .book-grid{display:flex;overflow-x:auto;gap:18px;padding-bottom:12px}.storefront-shelf .book-grid>*{flex:0 0 170px}
/* Publisher, author and bookshop directories share a profile-first card. */
.directory-profile-card{display:block;border:1px solid var(--line,#e6e7df);border-radius:20px;background:#fff;overflow:hidden;color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s}
.directory-profile-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px #193f3510}
.directory-profile-card:focus-visible{outline:3px solid #193f35;outline-offset:3px}
.directory-profile-banner{height:104px;background:radial-gradient(circle at 90% -30%,transparent 75px,#ccd7c8 76px,transparent 78px),#e7ece3;overflow:hidden}
.directory-profile-banner img{width:100%;height:100%;object-fit:cover}
.directory-profile-content{padding:0 20px 20px}
.directory-profile-identity{display:flex;align-items:flex-end;gap:12px;margin-top:-32px;position:relative}
.directory-profile-identity>span:last-child{padding-bottom:6px}
.directory-profile-avatar.catalog-picture{width:80px;height:80px;flex-shrink:0;border:4px solid #fff;border-radius:20px;background:#f7f6f0}
.directory-profile-avatar.portrait{border-radius:50%}
.directory-profile-avatar img{object-fit:contain}
.directory-profile-avatar.portrait img{object-fit:cover}
.directory-profile-content h2{font-size:22px;line-height:1.5;margin:12px 0 6px}
.directory-profile-stats{display:flex;gap:16px;flex-wrap:wrap;color:#5e685f;font-size:13px;min-height:20px}
.directory-profile-stats span,.directory-profile-location{display:flex;align-items:center;gap:6px}
.directory-profile-bio{border-top:1px solid #e6e7df;margin-top:14px;padding-top:12px}
.directory-profile-bio h3{font-size:14px;margin:0 0 6px}
.directory-profile-bio p{font-size:14px;line-height:1.8;color:#5e685f;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.directory-profile-location{font-size:13px;color:#5e685f;margin:12px 0 0}
.explore-directory-search.directory-search{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#fff;border:1px solid #e6e7df;border-radius:14px;min-height:48px}
.directory-search input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;padding:8px 0}
.directory-search .btn{min-height:36px}
.explore-page .directory-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}
.directory-search:focus-within{outline:2px solid #193f35;outline-offset:2px}
.catalog-directory-page .page-heading{margin-bottom:18px}.catalog-directory-page .page-heading p{max-width:62ch}.catalog-directory-page .directory-search-form{max-width:none;margin:0 0 12px}.directory-results-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:34px;margin-bottom:16px}.directory-results-toolbar>p{margin:7px 0}.directory-results-toolbar .active-filters{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.catalog-directory-page .directory-profile-card{border-radius:18px;box-shadow:0 1px 0 rgba(25,63,53,.03)}.catalog-directory-page .directory-profile-banner{height:88px}.catalog-directory-page .directory-profile-content{padding:0 18px 18px}.catalog-directory-page .directory-profile-avatar.catalog-picture{width:72px;height:72px;margin-top:4px}.catalog-directory-page .directory-profile-content h2{font-size:19px;margin:10px 0 5px}.catalog-directory-page .directory-profile-bio{margin-top:12px;padding-top:10px}.catalog-directory-page .directory-profile-bio p{-webkit-line-clamp:2}
@media(min-width:1024px){.catalog-directory-page .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:767px){.browse-search-form{min-height:52px;border-radius:15px;box-shadow:none}.catalog-inline-filter{min-height:40px;padding-inline:10px}.catalog-inline-filter span{display:none}.directory-results-toolbar{display:block}.directory-results-toolbar .active-filters{justify-content:flex-start}.catalog-directory-page .directory-grid{gap:12px}}
.chart-legends{display:flex;gap:14px;flex-wrap:wrap}.chart-legend.profit i{background:var(--green,#274b3e)}
/* Dedicated messaging workspace */
body.messaging-mode{padding:0;overflow:hidden;background:#f5f4ef}
.messaging-mode #main-content{height:100dvh;min-height:0;padding:0;overflow:hidden}
.messaging-app{height:100%;display:flex;flex-direction:column;color:var(--ink,#263b32)}
.messaging-topbar{height:64px;flex-shrink:0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface,#fff)}
.messaging-exit,.messaging-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.messaging-brand{font-size:22px;color:var(--forest)}
.messaging-app .chat-layout{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0;margin:20px auto;width:calc(100% - 48px);max-width:1440px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);overflow:hidden}
.messaging-app .conversation-sidebar{display:flex;flex-direction:column;min-height:0;border-inline-end:1px solid var(--line)}
.messaging-app .inbox-heading{display:flex;align-items:center;gap:12px;padding:25px 22px 20px}
.messaging-app .inbox-heading h1{font-size:24px;line-height:1.5;margin:0}
.messaging-app .inbox-heading>span{font-size:13px;background:#eef0e9;padding:2px 9px;border-radius:20px;color:#536357}
.messaging-app .conversation-list{display:block;overflow-y:auto;padding:0 10px 16px;border:0;min-height:0}
.messaging-app .conversation{align-items:center;gap:12px;margin:4px 0;padding:16px 12px;border:0;border-radius:12px;min-height:82px}
.messaging-app .conversation:hover{background:#f5f6f1}
.messaging-app .conversation.selected{background:#eaf0e7;box-shadow:inset -3px 0 #365a43}
[dir=ltr] .messaging-app .conversation.selected{box-shadow:inset 3px 0 #365a43}
.messaging-app .conversation-copy{flex:1;overflow:hidden}
.messaging-app .conversation strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messaging-app .conversation p{font-size:14px;line-height:1.7;margin-top:4px;color:#667064;white-space:nowrap;text-overflow:ellipsis;display:block}
.messaging-app .avatar{width:44px;height:44px;flex-shrink:0}
.messaging-app .chat-thread{display:flex;flex-direction:column;min-height:0;min-width:0;background:#f7f7f2}
.messaging-app .chat-heading{min-height:88px;flex-shrink:0;padding:16px 28px;background:var(--surface,#fff);gap:13px}
.messaging-app .chat-heading h2{font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.messaging-app .chat-profile-link{font-size:14px;color:#536b56}
.messaging-app .thread-back{display:none}
.messaging-app .chat-messages{flex:1;min-height:0;max-height:none;padding:28px;gap:16px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto}
.messaging-app .chat-bubble{max-width:min(78%,600px);padding:12px 17px;font-size:16px;line-height:1.8;background:#fff;border:1px solid #e2e6dc;border-radius:16px 16px 16px 4px;box-shadow:0 2px 3px #263b3204}
.messaging-app .chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.messaging-app .chat-bubble.mine{background:#244c3b;color:#fff;border-color:#244c3b;border-radius:16px 16px 4px 16px}
.messaging-app .chat-bubble time{font-size:12px;line-height:1.5;color:#687465;margin-top:5px}
.messaging-app .chat-bubble.mine time{color:#c7d9ce}
.messaging-app .chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:18px 24px;background:var(--surface,#fff);flex-shrink:0}
.messaging-app .chat-composer textarea{width:100%;min-height:48px;max-height:144px;resize:none;font-size:16px;line-height:1.5;padding:12px 16px;border:1px solid #dbe0d5;border-radius:14px;background:#f7f8f4;margin:0}
.messaging-app .chat-composer .btn{min-height:48px;border-radius:14px;font-size:14px;padding:12px 18px}
.messaging-app .chat-send-error{grid-column:1/-1;color:#a33124;font-size:14px;margin:0}
.messaging-app .chat-selection,.messaging-app .chat-start{margin:auto;text-align:center;max-width:400px;padding:28px;color:#657462}
.messaging-app .chat-selection>.icon,.messaging-app .chat-start>.icon{color:#789176;margin-bottom:16px}
.messaging-app .chat-selection h2{font-size:21px;color:#304a39;margin:0 0 10px}
.messaging-app .chat-selection p,.messaging-app .chat-start p,.messaging-app .inbox-empty{font-size:16px;line-height:1.8}
.messaging-app .inbox-empty{padding:20px;color:#657462}
.messaging-app a:focus-visible,.messaging-app button:focus-visible{outline:3px solid #a77836;outline-offset:2px}
[dir=ltr] .messaging-exit .icon-back,[dir=ltr] .thread-back .icon-back{transform:rotate(180deg)}
@media(max-width:767px){
 .messaging-topbar{height:56px;padding-inline:16px}
 .messaging-app .chat-layout{width:100%;margin:0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr)}
 .messaging-app .conversation-sidebar{display:flex;border:0}
 .messaging-app .chat-thread{display:none}
 .messaging-app .has-thread .conversation-sidebar{display:none}
 .messaging-app .has-thread .chat-thread{display:flex}
 .messaging-app .thread-back{display:flex;flex-shrink:0}
 .messaging-app .chat-heading{padding:12px;min-height:76px}
 .messaging-app .chat-messages{padding:18px 14px}
 .messaging-app .chat-bubble{max-width:88%}
 .messaging-app .chat-composer{padding:12px 12px max(12px,env(safe-area-inset-bottom));gap:8px}
 .messaging-app .chat-composer .btn{padding-inline:13px}
 .messaging-app .chat-heading h2{font-size:16px}
}
.messaging-app .chat-bubble.mine p{color:#fff}
.messaging-app .avatar{background:#e5ecdf;color:#365a43}
.messaging-app .chat-composer .btn{background:#244c3b;border-color:#244c3b;color:#fff}
.messaging-app .chat-composer textarea{overflow-y:auto;scrollbar-width:thin}
.messaging-mode #main-content{height:var(--visual-height,100dvh)}
.messaging-app .chat-files{flex-basis:100%;display:flex;flex-direction:column;gap:6px}
.messaging-app .chat-files:empty{display:none}
.messaging-app .chat-file{display:flex;align-items:center;gap:8px;background:#eef1ea;border-radius:10px;padding:8px;font-size:12px}
.messaging-app .chat-file span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messaging-app .chat-attach{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:50%;background:#eef1ea;cursor:pointer;font-size:26px;color:#244c3b}
.messaging-app .chat-attach:focus-within{outline:2px solid #244c3b;outline-offset:2px}
.messaging-app .chat-composer{flex-wrap:wrap}
.messaging-app .chat-media{margin-bottom:8px;max-width:320px}
.messaging-app .chat-media img,.messaging-app .chat-media video{display:block;max-width:100%;max-height:320px;border-radius:12px;object-fit:contain}
.messaging-app .chat-media button{background:#eef1ea;color:#244c3b;border:0;border-radius:10px;padding:16px;cursor:pointer}

.messaging-app .chat-composer{display:flex}.messaging-app .chat-composer textarea{flex:1;min-width:0;width:auto}.messaging-app .chat-send-error{flex-basis:100%}

/* Phone navigation keeps all footer destinations without the desktop marketing block. */
.mobile-site-footer { display:none; }
@media (max-width:767px) {
  body:not(.workspace-mode):not(.wizard-mode):not(.express-mode):not(.messaging-mode) {
    padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));
  }
  .site-footer { display:none; }
  .mobile-site-footer { display:block; margin-block:16px 0; padding-block:8px 18px; border-top:1px solid var(--line); }
  .mobile-site-footer details { border-bottom:1px solid var(--line); }
  .mobile-site-footer summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; font-size:13px; font-weight:600; cursor:pointer; list-style:none; }
  .mobile-site-footer summary::-webkit-details-marker { display:none; }
  .mobile-site-footer summary .icon { flex-shrink:0; transition:transform .15s ease; }
  .mobile-site-footer details[open] summary .icon { transform:rotate(180deg); }
  .mobile-site-footer nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; padding-bottom:10px; }
  .mobile-site-footer nav a { display:flex; align-items:center; min-height:44px; font-size:13px; overflow-wrap:anywhere; }
  .mobile-site-footer p { margin:0 0 12px; font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
  .mobile-site-footer small { display:block; color:var(--muted); font-size:11px; padding-bottom:12px; }
  .mobile-site-footer .mobile-footer-copyright { padding:16px 0 0; }
  .wizard-mode .mobile-site-footer { display:none; }
  .workspace-header .workspace-crumb { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

  /* Audit comparisons have no card equivalent, so keep their scrollable table. */
  .data-table-wrap:not(:has(+ .mobile-records)),
  .workspace-content .data-table-wrap:not(:has(+ .mobile-records)) {
    display:block; max-inline-size:100%; overflow-x:auto; overscroll-behavior-inline:contain;
  }
  .sticky-action { bottom:calc(var(--nav-height) + env(safe-area-inset-bottom)); }
  .wizard-mode .composer-actions { bottom:max(12px,env(safe-area-inset-bottom)); }
  .keyboard-open .admin-bottom-nav { display:none; }
  .keyboard-open .composer-actions { position:static; }
  .keyboard-open .toast-region { bottom:12px; }
}
@media (prefers-reduced-motion:reduce) { .mobile-site-footer summary .icon { transition:none; } }

/* Saved-address actions stay comfortably tappable on small RTL and LTR screens. */
.address-card > div {min-width:0}
.address-card .address-actions {display:flex;gap:8px;align-self:flex-start;flex-shrink:0}
.address-actions .icon-btn {width:44px;height:44px;border-radius:12px;background:#e7ece3;color:#193f35}
.address-actions [data-action="address-delete"] {background:#f9eae5;color:#a63f38}
.address-actions .icon-btn:hover {filter:brightness(.96)}
.person-location {margin-block:16px;padding:20px;border-radius:18px;min-width:0}
.person-location h2 {margin-top:0}
.person-location p {overflow-wrap:anywhere}
.person-location [data-location-status]:empty {display:none}
@media(max-width:480px){.address-card {flex-wrap:wrap}.address-card .address-actions {margin-inline-start:auto}.person-location {padding:16px}}
.profile-crop-dialog{width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:22px;border:1px solid #DCE3DA;border-radius:24px;background:#F7F6F0;box-shadow:0 24px 90px #0C211C40}
.profile-crop-dialog::backdrop{background:#10251DD1;backdrop-filter:blur(5px)}
.profile-crop-dialog h2{margin:0 0 8px}.profile-crop-dialog header p{font-size:14px;line-height:1.6;margin:0 0 16px}
.profile-crop-dialog canvas{display:block;width:100%;aspect-ratio:3/2!important;border-radius:16px;cursor:grab;touch-action:none}.profile-crop-dialog canvas:active{cursor:grabbing}
.profile-crop-dialog .crop-zoom-bar{display:flex;align-items:center;gap:14px;margin:16px 0 8px;padding:10px;background:#fff;border:1px solid #E0E5DC;border-radius:14px}
.profile-crop-dialog label{display:block}.profile-crop-dialog .crop-zoom-bar label{flex:1;min-width:0;font-size:13px}.profile-crop-dialog output{float:inline-end;font-weight:700}.profile-crop-dialog input[type=range]{display:block;width:100%;accent-color:#193F35;min-height:32px;direction:ltr}
.profile-crop-dialog .crop-position-controls{margin:12px 0;font-size:13px}.profile-crop-dialog .crop-position-controls summary{cursor:pointer;padding:8px 0}.profile-crop-dialog .button-row{display:flex;gap:10px;margin-top:16px}.profile-crop-dialog .button-row .btn{flex:1}.author-delete-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}

/* Account profile: aligned card widths and compact desktop photo controls. */
.profile-page{width:100%;max-width:880px;margin-inline:auto}
.profile-page-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.profile-page .profile-details-card{width:100%;max-width:none;margin:0;padding:28px}
.profile-photo-field{min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 24px;margin:0 0 24px;gap:0}
.profile-photo-field legend{font-size:16px;font-weight:700;margin-bottom:18px;padding:0}
.profile-photo-content{display:flex;gap:22px;align-items:center}
.profile-photo-content .profile-avatar-picker{flex:0 0 96px}
.profile-photo-tools{min-width:0;display:grid;gap:10px}
.profile-photo-tools p{margin:0;line-height:1.65}
.profile-photo-buttons{display:flex;flex-wrap:wrap;gap:8px}
.profile-photo-buttons .btn{min-height:40px;padding:8px 15px;font-size:13px}
.profile-photo-tools [data-profile-remove]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:0}
.profile-photo-tools input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--accent)}
.profile-photo-field [data-profile-error]:empty{display:none}
.profile-details-heading h2{font-size:19px;margin:0 0 20px}
.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.profile-fields .field{min-width:0;margin:0}
.profile-fields .field:first-child{grid-column:1/-1}
.profile-fields input{min-height:48px;font-size:15px}
.profile-fields input[readonly]{background:var(--wash,#f5f3ed);color:var(--muted)}
.profile-fields .field-hint{font-size:12px;line-height:1.7}
.profile-details-card .form-actions{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.profile-location-column{min-width:0}
.profile-page .person-location{width:100%;max-width:none;margin:0;padding:28px;background:var(--surface)}
.profile-page .person-location h2{font-size:20px;margin-bottom:12px}
.profile-page .person-location p{font-size:13px;line-height:1.85;overflow-wrap:anywhere}
.profile-page .person-location [data-saved-location]{padding:16px 0;margin-top:12px;border-top:1px solid var(--line)}
.profile-page .person-location .form-actions{margin-top:8px}
.profile-page .person-location .btn{font-size:13px}
.profile-page [data-location-status]:empty{display:none}
.profile-session-actions{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:1199px){.profile-page-grid{gap:18px}.profile-page .profile-details-card{padding:22px}.profile-fields{grid-template-columns:1fr}.profile-fields .field:first-child{grid-column:auto}}
@media(max-width:760px){.profile-page-grid{grid-template-columns:1fr}.profile-page .profile-details-card,.profile-page .person-location{padding:20px}.profile-photo-content{align-items:flex-start;gap:16px}.profile-photo-content .profile-avatar-picker,.profile-photo-content .avatar{width:76px;height:76px}.profile-photo-content .profile-avatar-picker{flex-basis:76px}.profile-photo-buttons .btn{font-size:12px;padding:8px 12px}.profile-details-card .form-actions .btn{width:100%}}
@media(max-width:380px){.profile-photo-content{flex-direction:column}}

.profile-photo-tools [hidden]{display:none}

/* Crop directly on the image; keep only the confirmation actions. */
.profile-crop-dialog{width:min(680px,calc(100vw - 24px))}
.profile-crop-dialog .button-row{justify-content:flex-end;padding-top:16px;border-top:1px solid var(--line)}
.profile-crop-dialog .button-row .btn{flex:0 1 auto;min-width:120px}
@media(max-width:480px){.profile-crop-dialog{padding:16px}.profile-crop-dialog .button-row .btn{flex:1;min-width:0}}

.user-dossier {
  --ud-gap: 20px;
  --green: var(--forest, #193f35);
  --green-soft: var(--forest-soft, #e7ece3);
  max-width: 1500px;
  margin-inline: auto;
  min-width: 0;
}
.user-dossier .page-heading {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}
.ud-back {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  gap: 8px;
  color: var(--muted);
  margin-bottom: 4px;
}
.ud-identity {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}
.ud-identity h2 {
  margin: 0 0 8px;
}
.ud-identity .avatar {
  flex-shrink: 0;
}
.ud-tags {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.ud-tag {
  display: inline-flex;
  background: var(--green-soft, #e7ece3);
  color: var(--green, #193f35);
  border-radius: 7px;
  padding: 4px 9px;
  font-size: 12px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.ud-attention {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  background: #f5e7d9;
  color: #934223;
  padding: 13px 18px;
  border-radius: 14px;
  margin-bottom: 22px;
}
.ud-attention .btn {
  background: transparent;
  color: inherit;
  border-color: transparent;
  padding: 5px 9px;
  min-height: 40px;
}
.ud-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
  gap: 4px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--line, #e6e7df);
}
.ud-tabs .ud-section-tab {
  flex: 0 0 auto;
  min-height: 50px;
  padding: 10px 14px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  white-space: nowrap;
  box-shadow: none;
}
.ud-section-tab::before {
  content: attr(data-number);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: var(--line);
  font-size: 11px;
}
.ud-tabs .ud-section-tab[aria-selected="true"] {
  color: var(--green);
  border-bottom-color: var(--green);
  font-weight: 700;
}
.ud-section-tab[aria-selected="true"]::before {
  color: white;
  background: var(--green);
}
.ud-tabs .ud-section-tab:hover { background: var(--green-soft); }
.ud-tabs .ud-section-tab:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
.ud-identity {
  padding: 18px;
  background: var(--white, #fff);
  border: 1px solid var(--line);
  border-radius: 16px;
}
.ud-identity > div { min-width: 0; overflow-wrap: anywhere; }
.ud-info-grid {
  display: grid;
  grid-template-columns: minmax(240px, 0.85fr) minmax(0, 1.8fr);
  gap: var(--ud-gap);
  align-items: start;
}
.ud-panel {
  padding: 24px;
  margin-bottom: 20px;
  min-width: 0;
}
.ud-panel > h2 {
  font-size: 18px;
  margin: 0 0 18px;
}
.ud-panel > h3 {
  font-size: 17px;
  margin: 12px 0;
}
.ud-panel > p {
  margin-bottom: 16px;
}
.ud-fields {
  display: grid;
  gap: 16px;
  margin: 18px 0;
}
.ud-fields dt {
  font-size: 12px;
  color: var(--muted, #5e685f);
}
.ud-fields dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}
.ud-fields bdi {
  word-break: break-word;
}
.ud-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.ud-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  background: var(--white, #fff);
  color: var(--ink, #203e35);
  border: 1px solid var(--line, #e6e7df);
  border-radius: 16px;
  min-width: 0;
  white-space: normal;
  text-align: start;
}
.ud-stat > span {
  font-size: 13px;
  color: var(--muted, #5e685f);
}
.ud-stat > strong {
  font-size: 25px;
  line-height: 1.5;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.ud-stat .price {
  font-size: inherit;
}
.ud-overline {
  font-size: 12px;
  color: var(--muted, #5e685f);
  margin: 0 0 10px;
}
.ud-stat.btn:hover {
  background: var(--green-soft, #e7ece3);
}
.ud-membership {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 0;
  border-top: 1px solid var(--line, #e6e7df);
}
.ud-membership span {
  font-size: 13px;
  color: var(--muted, #5e685f);
}
.ud-period {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.ud-period h2 {
  font-size: 20px;
  margin: 0 0 6px;
}
.ud-period small {
  color: var(--muted, #5e685f);
}
.ud-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ud-gap);
  align-items: start;
}
.ud-chart-svg {
  display: block;
  width: 100%;
  height: 218px;
  direction: ltr;
}
.ud-chart-svg text {
  font: 12px sans-serif;
  fill: var(--muted, #5e685f);
}
.ud-chart-gridline {
  stroke: var(--line, #e6e7df);
  stroke-width: 1;
}
.ud-chart-line {
  fill: none;
  stroke: var(--green, #193f35);
  stroke-width: 2.5;
}
.ud-chart-dot {
  fill: var(--green, #193f35);
}
.ud-chart-value {
  display: block;
  min-height: 26px;
  font-size: 12px;
}
.ud-chart details summary {
  cursor: pointer;
  min-height: 40px;
  padding: 8px 0;
  color: var(--green, #193f35);
}
.ud-chart table {
  width: 100%;
  border-collapse: collapse;
}
.ud-chart th,
.ud-chart td {
  padding: 8px 4px;
  text-align: start;
  border-bottom: 1px solid var(--line, #e6e7df);
}
.ud-status-row {
  display: grid;
  grid-template-columns: minmax(75px, 1fr) minmax(40px, 1.8fr) auto;
  gap: 12px;
  align-items: center;
  margin: 18px 0;
  font-size: 13px;
}
.ud-bar-track {
  height: 8px;
  border-radius: 5px;
  background: var(--green-soft, #e7ece3);
  overflow: hidden;
}
.ud-bar-track > span {
  display: block;
  height: 100%;
  background: var(--green, #193f35);
}
.ud-book-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line, #e6e7df);
}
.ud-filters {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  flex-wrap: wrap;
  padding: 18px;
  margin-bottom: 20px;
}
.ud-filters .field {
  margin-bottom: 0;
  flex: 1;
  min-width: 180px;
}
.ud-filters .field:first-child {
  flex: 2;
}
.ud-filters .btn {
  margin-bottom: 0;
}
.ud-record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.ud-record {
  padding: 20px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.ud-record > header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  align-items: flex-start;
}
.ud-record h3 {
  font-size: 16px;
  margin: 0 0 6px;
}
.ud-record p {
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.ud-record small {
  color: var(--muted, #5e685f);
  overflow-wrap: anywhere;
}
.ud-record small bdi {
  word-break: break-word;
  font-size: 11px;
}
.ud-record footer {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
}
.ud-record .btn {
  margin-top: 4px;
}
.ud-relations {
  font-size: 12px;
  color: var(--muted, #5e685f);
}
.ud-body {
  max-width: 100%;
}
.ud-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  padding: 22px 0;
}
.ud-pager span {
  color: var(--muted, #5e685f);
  font-size: 13px;
}
.ud-empty {
  padding: 30px;
  text-align: center;
  grid-column: 1/-1;
  color: var(--muted, #5e685f);
}
.ud-empty h3 {
  color: var(--ink, #203e35);
  font-size: 18px;
}
.ud-error {
  padding: 20px;
  margin-bottom: 20px;
}
.ud-order-group {
  padding: 18px 0;
  border-bottom: 1px solid var(--line, #e6e7df);
}
.ud-order-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line, #e6e7df);
}
.ud-order-item strong {
  font-size: 15px;
}
.ud-order-item .price {
  font-size: 14px;
}
.ud-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.ud-person {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--white, #fff);
  border: 1px solid var(--line, #e6e7df);
  border-radius: 16px;
  padding: 18px;
  min-width: 0;
}
.ud-person:hover {
  border-color: var(--green, #193f35);
}
.ud-person > div {
  flex: 1;
  min-width: 0;
}
.ud-person strong,
.ud-person small {
  display: block;
  overflow-wrap: anywhere;
}
.ud-person small {
  font-size: 12px;
  color: var(--muted, #5e685f);
  margin: 3px 0;
}
.ud-person > div > span {
  font-size: 12px;
  color: var(--muted, #5e685f);
}
@media (min-width: 1500px) {
  .ud-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ud-info-grid .ud-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .ud-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ud-chart-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .user-dossier {
    --ud-gap: 14px;
  }
  .user-dossier .page-heading h1 { font-size: 21px; }
  .user-dossier .page-heading .btn { padding-inline: 10px; font-size: 11px; flex-shrink: 0; }
  .ud-info-grid,
  .ud-record-grid,
  .ud-directory-grid {
    grid-template-columns: 1fr;
  }
  .ud-info-grid > .ud-panel {
    order: 2;
  }
  .ud-panel {
    padding: 18px;
  }
  .ud-stats {
    gap: 10px;
  }
  .ud-stat {
    padding: 15px;
  }
  .ud-stat > strong {
    font-size: 22px;
  }
  .ud-identity {
    gap: 12px;
  }
  .ud-identity h2 {
    font-size: 22px;
  }
  .ud-filters {
    gap: 10px;
    padding: 14px;
  }
  .ud-filters .field {
    min-width: 100%;
  }
  .ud-filters .btn {
    width: 100%;
  }
  .ud-period .button-row {
    gap: 7px;
  }
  .ud-period .btn {
    padding-inline: 12px;
  }
  .ud-record {
    padding: 16px;
  }
  .ud-attention {
    padding: 12px;
    gap: 5px;
  }
  .ud-attention > strong {
    width: 100%;
  }
  .ud-pager {
    gap: 10px;
  }
  .ud-pager .btn {
    padding-inline: 12px;
  }
  .ud-person {
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .user-dossier * {
    scroll-behavior: auto;
  }
}

.security-settings{max-width:680px;padding:28px}
.security-status-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.security-status-heading h2{margin:0 0 10px;font-size:20px}
.security-symbol{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:var(--forest-soft);color:var(--forest);flex-shrink:0}
.security-status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 12px;font-size:12px;font-weight:600;background:var(--wash);color:var(--muted)}
.security-status.enabled{background:var(--forest-soft);color:var(--forest)}
.security-setting-actions{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.security-admin-note{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin:22px 0 0}
.security-admin-note .icon{flex-shrink:0;margin-top:3px}
.sheet.security-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);inset:0;margin:auto;border-radius:24px}
.security-dialog .sheet-grip{display:none}
.security-code-form>.security-symbol{display:flex;margin:0 auto 18px}
.security-description{text-align:center;color:var(--muted);margin-bottom:24px}
.security-dialog .security-code-field input{font-size:27px;text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums;min-height:60px}
.security-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:12px;margin-bottom:16px;font-size:13px}
.security-error[hidden]{display:none}
.security-setup{text-align:center;margin-bottom:22px}
.security-setup .mfa-qr{display:block;max-width:100%;height:auto;margin:0 auto 16px;background:white;border-radius:12px}
.security-setup summary{cursor:pointer;font-size:12px;color:var(--muted)}
.security-setup code{display:block;overflow-wrap:anywhere;margin-top:10px;user-select:all}
.security-gate{text-align:center;padding:36px 24px}
.security-gate h1{font-size:23px;margin:20px 0 12px}
.security-gate p{margin-bottom:24px}
@media(max-width:600px){.security-settings{padding:22px}.security-status-heading{gap:12px}.security-status-heading h2{font-size:18px}.security-setting-actions .btn{width:100%}.security-dialog .sheet-heading{padding:20px}.security-dialog .sheet-heading h2{font-size:18px}.security-dialog .sheet-body{padding:20px}}

/* Seller management pages: size controls and grids against the workspace, including its rail. */
.seller-utilities .page-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-block-end: 24px;
}
.seller-utilities .page-heading > div:first-child { min-inline-size: 0; flex: 1 1 360px; }
.seller-utilities .page-heading > .button-row {
  flex: 0 1 auto;
  justify-content: flex-start;
  margin: 0;
}
.seller-utilities .page-heading > .btn { flex: 0 0 auto; margin: 0; }
.seller-utilities .page-heading .btn { min-height: 48px; font-size: 14px; }
.seller-utilities .btn {
  min-block-size: 44px;
  min-inline-size: 0;
  max-inline-size: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
  font-size: 14px;
}
.seller-utilities .btn .icon { flex-shrink: 0; }
.seller-utilities .button-row { flex-wrap: wrap; gap: 8px; }
.seller-utilities .ops-grid,
.seller-utilities .bundle-manage > .bundle-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}
.seller-utilities .ops-grid > .empty-state { grid-column: 1 / -1; }
.seller-utilities .ops-grid > section > h2 { margin-block: 0 16px; font-size: 21px; }
.seller-utilities .ops-card { padding: 20px; gap: 12px; }
.seller-utilities .ops-card > .btn { align-self: flex-start; }
.seller-utilities .ops-card > .btn.secondary { margin-block-start: auto; }
.seller-utilities .ops-card > .btn.text { margin: 0; }
.seller-utilities .ops-card header > div { min-inline-size: 0; flex: 1 1 180px; }
.seller-utilities .ops-card header :is(h2, h3, strong, bdi) { overflow-wrap: anywhere; }
.seller-utilities .ops-card header > :is(.ops-status, .price) { flex-shrink: 0; }
.seller-utilities .ops-card > .row.between { flex-wrap: wrap; gap: 12px; margin-block-start: auto; }
.seller-utilities .ops-list > .empty-state {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  min-block-size: 280px;
}
.seller-utilities .filter-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-block-end: 16px; }
.seller-utilities .filter-chips > .muted { margin-inline-start: auto; }
.seller-utilities [data-form="content-report-filter"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  gap: 16px;
  padding: 20px;
  margin: 0 0 24px;
}
.seller-utilities [data-form="content-report-filter"] .field { min-inline-size: 0; margin: 0; }
.seller-utilities [data-form="content-report-filter"] :is(input, select),
.seller-utilities [data-form="content-report-filter"] > .btn,
.seller-utilities .bundle-search-form :is(input, .btn) { block-size: 48px; min-block-size: 48px; }
.seller-utilities [data-form="content-report-filter"] > .btn { align-self: end; }
.seller-utilities :is(.ops-pagination, .ops-pager) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-block: 24px 8px;
}
.seller-utilities :is(.ops-pagination, .ops-pager) > span { text-align: center; font-size: 13px; }
.seller-utilities :is(.ops-pagination, .ops-pager) > .btn { flex: 0 0 auto; min-inline-size: 72px; }
.seller-utilities .bundle-search-form { margin-block: 0 24px; }
.seller-utilities .bundle-manage-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) 44px 44px; }
.seller-utilities .bundle-manage-actions .icon-btn { inline-size: 44px; block-size: 44px; }
.seller-utilities .bundle-managed { display: flex; flex-direction: column; }
.seller-utilities .bundle-managed > .bundle-card { flex: 1; }
.seller-utilities .bundle-managed-status { flex-wrap: wrap; }
.seller-utilities .store-settings-grid { max-inline-size: none; align-items: start; }
.seller-utilities .store-settings-grid > .panel { min-inline-size: 0; padding: 24px; }
.seller-utilities .storefront-section { display: flex; flex-direction: column; margin: 0; padding: 16px; gap: 12px; }
.seller-utilities .storefront-section .field { margin: 0; }
.seller-utilities .storefront-section > label.row { min-block-size: 44px; gap: 10px; }
.seller-utilities .storefront-section > .button-row { justify-content: flex-start; margin: auto 0 0; }
.seller-utilities .storefront-section > .button-row .btn { flex: 1 1 auto; padding-inline: 10px; font-size: 13px; }
.seller-utilities #storefront-editor [data-storefront-cards] { margin-block: 20px 24px; }
.seller-utilities #storefront-editor > .button-row { justify-content: flex-start; margin-block: 12px 20px; }
.seller-utilities [data-store-location] .form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.seller-utilities [data-store-location] .form-actions .btn { flex: 1 1 160px; }
body:has(.seller-utilities) .sheet form[data-form^="ops-"] > .button-row {
  justify-content: flex-end;
  gap: 10px;
  margin-block-start: 20px;
}
body:has(.seller-utilities) .sheet form[data-form^="ops-"] > .button-row .btn {
  min-block-size: 48px;
  font-size: 14px;
  white-space: normal;
}

@container workspace (min-width: 640px) {
  .seller-utilities .ops-grid,
  .seller-utilities .bundle-manage > .bundle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seller-utilities [data-form="content-report-filter"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seller-utilities #storefront-editor [data-storefront-cards] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container workspace (min-width: 900px) {
  .seller-utilities [data-form="content-report-filter"] { grid-template-columns: minmax(200px, 1.5fr) repeat(2, minmax(160px, 1fr)) auto; }
  .seller-utilities .store-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seller-utilities #store-details { grid-row: span 2; }
}
@container workspace (min-width: 1200px) {
  .seller-utilities .ops-grid:has(> .ops-card),
  .seller-utilities .bundle-manage > .bundle-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body:has(.seller-utilities) .sheet form[data-form^="ops-"] > .button-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  body:has(.seller-utilities) .sheet form[data-form^="ops-"] > .button-row .btn { inline-size: 100%; min-inline-size: 0; }
  .seller-utilities .page-heading { flex-direction: column; align-items: stretch; gap: 16px; }
  .seller-utilities .page-heading > div:first-child { flex: auto; }
  .seller-utilities .page-heading > .button-row { inline-size: 100%; }
  .seller-utilities .page-heading > .button-row > .btn { flex: 1 1 0; }
  .seller-utilities .page-heading h1 { font-size: 24px; }
  .seller-utilities .page-heading p { font-size: 13px; }
  .seller-utilities .ops-card { padding: 18px; }
  .seller-utilities .ops-card > .btn { align-self: stretch; }
  .seller-utilities .ops-card header > div { flex-basis: 100%; }
  .seller-utilities [data-form="content-report-filter"] { padding: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
  .seller-utilities [data-form="content-report-filter"] > :is(.field:first-child, .btn) { grid-column: 1 / -1; }
  .seller-utilities [data-form="content-report-filter"] select { padding-inline: 10px 24px; font-size: 14px; }
  .seller-utilities .filter-chips > .btn { flex: 1 1 auto; }
  .seller-utilities .filter-chips > .muted { flex-basis: 100%; margin: 0; }
  .seller-utilities .tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 4px; }
  .seller-utilities .tabs .tab { flex: 0 0 auto; min-block-size: 48px; white-space: nowrap; padding: 10px 12px; }
  .seller-utilities .store-settings-grid > .panel { padding: 16px; }
  .seller-utilities #storefront-editor [data-storefront-cards] { grid-template-columns: minmax(0, 1fr); }
  .seller-utilities .storefront-section { padding: 12px; }
  .seller-utilities .store-settings-grid > form > .btn { inline-size: 100%; }
  .seller-utilities #storefront-editor > .button-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seller-utilities #storefront-editor > .button-row .btn { padding-inline: 10px; }
}
@media (max-width: 359px) {
  .seller-utilities [data-form="content-report-filter"] { grid-template-columns: minmax(0, 1fr); }
  .seller-utilities .bundle-manage-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seller-utilities .bundle-manage-actions .icon-btn { inline-size: 100%; }
}

/* Store settings: one focused section at a time, with drafts kept in the DOM. */
.store-settings { max-inline-size: 1120px; margin-inline: auto; }
.store-settings .page-heading { margin-block-end: 24px; }
.settings-store-summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; border:1px solid #dce4db; border-radius:18px; background:#f0f4ee; margin-block-end:24px; }
.settings-store-name { display:flex; align-items:center; gap:16px; min-inline-size:0; }
.settings-store-name > .avatar { flex-shrink:0; width:64px; height:64px; background:#fff; border:1px solid #dce4db; border-radius:16px; }
.settings-store-name > div { min-inline-size:0; }
.settings-store-name span { font-size:11px; font-weight:700; color:#597064; letter-spacing:.06em; }
.settings-store-name strong { display:block; font-size:22px; line-height:1.5; overflow-wrap:anywhere; }
.settings-store-name p { display:flex; align-items:center; gap:6px; margin:4px 0 0; color:var(--muted); font-size:13px; }
.settings-store-summary > .btn { flex-shrink:0; background:#fff; }
.settings-tabs { display:flex; gap:8px; border-block-end:1px solid var(--line); margin-block-end:24px; overflow-x:auto; scrollbar-width:none; }
.settings-tabs::-webkit-scrollbar { display:none; }
.settings-tabs > button { display:flex; align-items:center; justify-content:center; flex:0 0 auto; gap:9px; border:0; border-block-end:3px solid transparent; background:transparent; color:var(--muted); min-height:54px; padding:12px 20px; font:inherit; font-size:14px; font-weight:700; cursor:pointer; white-space:nowrap; }
.settings-tabs > button:hover { background:#f0f4ee; color:var(--green); }
.settings-tabs > button[aria-selected="true"] { color:var(--green); border-block-end-color:var(--green); background:#edf2eb; border-start-start-radius:9px; border-start-end-radius:9px; }
.settings-tabs > button:focus-visible { outline:2px solid var(--green); outline-offset:-4px; }
.store-settings .settings-tab-panel[hidden] { display:none; }
.store-settings .settings-tab-panel > .panel { max-width:none; width:100%; margin:0; padding:28px; border:1px solid var(--line); border-radius:18px; box-shadow:0 3px 12px #253a2e04; }
.settings-section-heading { display:flex; align-items:center; gap:13px; margin-block-end:26px; padding-block-end:22px; border-block-end:1px solid var(--line); }
.settings-section-icon { display:grid; place-items:center; flex:0 0 44px; height:44px; border-radius:12px; color:var(--green); background:#edf2eb; }
.store-settings .settings-section-heading h2 { margin:0 0 3px; font-size:20px; }
.settings-section-heading p { margin:0; font-size:13px; color:var(--muted); }
.settings-branding { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:24px; margin-block-end:24px; }
.store-settings .settings-branding .profile-image-field { padding:0; margin:0; min-width:0; border:0; background:transparent; }
.store-settings .settings-branding legend { padding:0; margin-block-end:12px; font-size:13px; font-weight:700; }
.store-settings .settings-branding .store-banner-picker { width:100%; height:140px; aspect-ratio:auto; border:1px dashed #b7c4b7; background:#f1f2eb; border-radius:12px; }
.store-settings .settings-branding .store-banner-picker:hover { border-color:var(--green); background:#e9efe6; }
.store-settings .settings-branding .profile-photo-content { align-items:center; gap:16px; min-height:140px; }
.store-settings .settings-branding .profile-photo-buttons { flex-wrap:wrap; }
.store-settings .settings-branding .profile-photo-buttons .btn { min-height:40px; padding:6px 12px; font-size:12px; }
.store-settings .settings-branding p { font-size:12px; line-height:1.7; }
.settings-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
.store-settings .settings-field-grid .field { margin:0; min-width:0; }
.store-settings .field > label { font-size:13px; }
.store-settings .field :is(input:not([type="color"]),select,textarea) { border-radius:10px; background:#fff; }
.store-settings textarea { min-height:108px; resize:vertical; }
.store-settings [name="bioEn"] { direction:ltr; text-align:left; }
.store-settings [name="bioAr"] { direction:rtl; text-align:right; }
.settings-accent { display:flex; align-items:center; gap:18px; margin-block-start:24px; padding:16px 20px; background:#f7f8f4; border:1px solid var(--line); border-radius:12px; }
.settings-accent .field { margin:0; }
.settings-accent input[type="color"] { width:76px; height:40px; padding:4px; border-radius:8px; cursor:pointer; }
.settings-accent p { color:var(--muted); font-size:13px; margin:16px 0 0; }
.settings-form-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-block-start:28px; padding-block-start:22px; border-block-start:1px solid var(--line); }
.settings-form-footer > span { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.settings-form-footer > .btn { min-width:170px; }
.store-settings [data-store-location] { margin-block:24px; padding:20px; background:#f7f8f4; border:1px solid var(--line); border-radius:12px; }
.store-settings [data-store-location] > p:first-of-type { margin-block-start:0; font-size:13px; }
.settings-pickup-details { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
.store-settings #store-delivery { max-inline-size:none; }
.settings-delivery-pricing { margin-block-start:24px; padding:20px; border:1px solid var(--line); border-radius:12px; background:#f7f8f4; }
.settings-delivery-pricing > p { margin-block-end:0; font-size:12px; line-height:1.8; }
.store-settings #store-delivery > h2, .store-settings #storefront-editor > h2 { font-size:20px; margin-block:0 6px; }
.store-settings #store-delivery > p, .store-settings #storefront-editor > p { font-size:13px; }
.store-settings #store-delivery > .btn { margin-block-start:14px; }
.store-settings .storefront-section { background:#fafbf8; border-radius:12px; }
.store-settings #storefront-editor [data-storefront-cards] { grid-template-columns:repeat(2,minmax(0,1fr)); }
@container workspace (max-width: 720px) {
  .settings-branding { grid-template-columns:minmax(0,1fr); }
  .store-settings .settings-branding .profile-photo-content { min-height:0; }
}
@media (max-width: 767px) {
  .settings-store-summary { padding:18px; gap:16px; flex-wrap:wrap; margin-block-end:16px; }
  .settings-store-name strong { font-size:19px; }
  .settings-store-name > .avatar { width:52px; height:52px; }
  .settings-store-summary > .btn { width:100%; }
  .settings-tabs { display:flex; flex-wrap:nowrap; gap:4px; overflow-x:auto; margin-block-end:18px; padding-block-end:8px; }
  .settings-tabs > button { flex:0 0 auto; font-size:13px; padding:10px 12px; gap:7px; min-height:48px; white-space:nowrap; }
  .store-settings .settings-tab-panel > .panel { padding:18px; border-radius:14px; }
  .settings-section-heading { align-items:flex-start; padding-block-end:18px; margin-block-end:20px; }
  .store-settings .settings-section-heading h2 { font-size:18px; }
  .settings-branding, .settings-field-grid, .settings-pickup-details { grid-template-columns:minmax(0,1fr); gap:18px; }
  .store-settings .settings-branding .profile-photo-content { min-height:0; }
  .settings-form-footer { flex-direction:column; align-items:stretch; gap:16px; }
  .settings-form-footer > .btn { width:100%; }
  .settings-form-footer > span { font-size:11px; }
  .settings-accent { padding:14px; }
  .store-settings [data-store-location] { padding:16px; }
  .store-settings #storefront-editor [data-storefront-cards] { grid-template-columns:minmax(0,1fr); }
}