@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap');

:root{--ink:#203a31;--ink-dark:#182b25;--muted:#66716a;--cream:#f8f5ef;--paper:#fffdf8;--line:#e4e2d9;--clay:#c46e53;--gold:#d5bd8a;--shadow:0 26px 75px rgba(27,48,37,.11);font-family:"DM Sans","Noto Sans SC",sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.shell{width:min(1260px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;padding:12px 18px;background:#fff}.skip-link:focus{top:16px}.announcement{height:29px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--ink-dark);color:#efe9dc;font-size:10px;letter-spacing:.2em}.announcement span{font-size:9px;color:var(--gold)}
[hidden]{display:none!important}
.site-header{position:relative;z-index:20;background:rgba(248,245,239,.96);border-bottom:1px solid rgba(32,58,49,.1)}.header-inner{height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-seal{width:40px;height:40px;display:grid;place-items:center;border:1.5px solid var(--ink);font-family:"Noto Serif SC",serif;font-weight:700;font-size:22px;line-height:1}.brand-type{display:flex;flex-direction:column;gap:2px}.brand-type strong{font-size:17px;letter-spacing:.1em}.brand-type small{font-size:8px;font-weight:700;letter-spacing:.21em}.site-nav{display:flex;gap:38px;font-size:13px;font-weight:600}.site-nav a:hover,.site-nav a:focus-visible{color:var(--clay)}.header-contact{padding:12px 19px;border:1px solid var(--ink);font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}.header-contact span{margin-left:13px}.header-contact:hover{color:#fff;background:var(--ink)}.menu-toggle,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:58px;align-items:center;padding-top:58px;padding-bottom:70px;min-height:615px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--clay);font-size:10px;font-weight:700;letter-spacing:.24em}.eyebrow-line{display:block;width:32px;height:1px;background:currentColor}.hero h1,h2{font-family:"Noto Serif SC",serif}.hero h1{margin:26px 0 24px;font-size:clamp(54px,5.4vw,83px);font-weight:600;line-height:1.28;letter-spacing:-.055em}.hero h1 em,.guide-heading h2 em{font-style:normal;color:var(--clay)}.hero-description{max-width:465px;color:#626e66;font-size:15px;line-height:2;letter-spacing:.02em}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:47px;padding:13px 21px;border:1px solid transparent;font-size:12px;font-weight:700;transition:transform .2s,background .2s,color .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:#315c49}.text-action{font-size:12px;font-weight:700}.text-action span{margin-left:9px}.text-action:hover{color:var(--clay)}.hero-foot{display:flex;align-items:center;gap:10px;margin-top:53px;color:#737c73;font-size:11px}.hero-dot{width:7px;height:7px;border-radius:50%;background:#89a190;box-shadow:0 0 0 4px #e1e8dd}
.hero-art{height:520px;position:relative;overflow:hidden;background:radial-gradient(circle at 49% 37%,#d1dcca 0,#c3d2c2 30%,#a9c1ae 85%);box-shadow:var(--shadow)}.hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 43%),repeating-linear-gradient(30deg,transparent 0 18px,rgba(255,255,255,.045) 19px 20px)}.hero-art::after{content:"";position:absolute;width:600px;height:230px;left:3%;bottom:-144px;background:rgba(28,51,41,.18);filter:blur(28px);transform:rotate(-15deg)}.art-label{position:absolute;z-index:3;color:#315443;font-size:10px;font-weight:700;letter-spacing:.26em}.art-label-top{top:30px;left:36px}.art-disc{position:absolute;width:370px;height:370px;border-radius:50%;background:rgba(246,243,221,.34);left:23%;top:12%}.art-box{position:absolute;z-index:2;transform:rotate(-11deg) skewY(-1deg);filter:drop-shadow(18px 33px 18px rgba(31,57,42,.28))}.art-box-frontmost{width:260px;height:220px;left:29%;top:39%;background:#eadcc0}.art-box-back{width:197px;height:178px;left:57%;top:25%;transform:rotate(13deg) skewY(1deg);background:#526e5a}.art-box::before{content:"";position:absolute;left:0;top:-72px;width:100%;height:72px;clip-path:polygon(0 100%,23% 0,100% 0,100% 100%);background:#f6e7cb;border-bottom:1px solid rgba(58,61,37,.18)}.art-box-back::before{background:#6c8e74}.art-box::after{content:"";position:absolute;right:-38px;top:0;width:38px;height:100%;clip-path:polygon(0 0,100% 15%,100% 88%,0 100%);background:#b9a888}.art-box-back::after{background:#344e3e}.art-box-lid{position:absolute;left:-3%;top:-94px;width:105%;height:28px;background:#fbefd8;transform:skewX(19deg)}.art-box-back .art-box-lid{background:#84a387}.art-box-front{position:absolute;inset:0;border:1px solid rgba(87,73,53,.12);background:linear-gradient(110deg,transparent,rgba(255,255,255,.2) 34%,transparent 65%)}.art-ribbon{position:absolute;width:49px;inset:-72px auto 0 48%;background:rgba(174,91,66,.78);box-shadow:0 0 0 1px rgba(119,52,35,.06)}.art-swatch{position:absolute;z-index:1;width:124px;height:124px;transform:rotate(20deg);box-shadow:16px 22px 18px rgba(31,57,42,.19)}.art-swatch-one{background:#d39978;left:16%;top:56%}.art-swatch-two{background:#e9e0c8;left:66%;top:66%;transform:rotate(-11deg)}.art-caption{position:absolute;z-index:5;left:35px;right:35px;bottom:29px;display:flex;justify-content:space-between;gap:12px;color:#203d2e;font-size:11px;font-weight:700;letter-spacing:.08em}.art-caption span:last-child{font-size:10px;font-weight:500}
.value-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f4f0e8}.value-inner{display:grid;grid-template-columns:repeat(4,1fr)}.value-inner>div{display:flex;align-items:center;justify-content:center;gap:14px;min-height:92px;border-right:1px solid #e4ded2;color:#616b61;font-size:12px}.value-inner>div:first-child{border-left:1px solid #e4ded2}.value-num{font-family:"Noto Serif SC",serif;font-size:32px;color:var(--ink);line-height:1}.value-symbol{font-family:"Noto Serif SC",serif;font-size:27px;color:var(--clay);line-height:1}
.catalog-section{padding-top:104px;padding-bottom:104px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2{margin:15px 0 12px;font-size:clamp(34px,3vw,49px);font-weight:600;letter-spacing:-.045em}.section-heading p:last-child{margin:0;color:var(--muted);font-size:14px}.section-index{padding-bottom:10px;color:#9ba299;font-size:10px;letter-spacing:.18em;white-space:nowrap}.filter-panel{padding:24px 27px 26px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 30px rgba(26,48,39,.035)}.filter-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;font-weight:700;letter-spacing:.1em}.reset-button{padding:0;border:0;background:none;color:var(--clay);font-size:11px}.reset-button:hover{text-decoration:underline}.series-filters{display:flex;gap:8px;overflow:auto;padding-bottom:6px;scrollbar-width:thin}.series-filter{flex:none;padding:9px 17px;background:#f6f3ed;border:1px solid #e9e5dc;color:#596b5d;font-size:12px;white-space:nowrap}.series-filter:hover,.series-filter:focus-visible{border-color:#9baa9c}.series-filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.filter-fields{display:grid;grid-template-columns:1.5fr 1fr 1.2fr .9fr;gap:12px;margin-top:20px}.filter-fields label{display:flex;flex-direction:column;gap:8px;color:#788177;font-size:10px;font-weight:700;letter-spacing:.08em}.filter-fields input,.filter-fields select{width:100%;height:43px;padding:0 13px;outline:none;border:1px solid #dedfd8;border-radius:0;background:#fff;color:var(--ink);font-size:12px;letter-spacing:0}.filter-fields input:focus,.filter-fields select:focus{border-color:var(--ink);box-shadow:0 0 0 2px rgba(32,58,49,.08)}.filter-fields input::placeholder{color:#a7ada5}.result-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 16px}.result-bar p{margin:0;font-size:12px;font-weight:700}.result-bar span{color:#939c92;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{min-width:0;background:var(--paper);border:1px solid #e8e6df;transition:box-shadow .24s,transform .24s,border-color .24s}.product-card:hover{transform:translateY(-4px);border-color:#c8d1c5;box-shadow:0 18px 45px rgba(28,56,40,.10)}.product-open{width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.card-media{aspect-ratio:1.07;overflow:hidden;position:relative;background:linear-gradient(135deg,#e6e9df,#d1dbc9)}.card-media .media-visual{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card:hover .media-visual{transform:scale(1.045)}.card-media::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(18,42,29,.08));pointer-events:none}.card-tag{position:absolute;top:14px;left:14px;z-index:2;padding:6px 8px;background:rgba(255,253,248,.94);font-size:10px;font-weight:700}.card-indicator{position:absolute;right:14px;bottom:14px;z-index:2;display:grid;place-items:center;width:32px;height:32px;background:#fff;font-size:18px}.card-body{padding:18px 18px 20px}.card-kicker{margin:0 0 8px;color:#a26957;font-size:10px;font-weight:700;letter-spacing:.1em}.card-body h3{min-height:40px;margin:0 0 11px;font-size:15px;line-height:1.35;font-weight:700}.card-meta{display:flex;justify-content:space-between;gap:8px;color:#7a837a;font-size:11px}.card-meta span:last-child{text-align:right}.card-price{display:flex;align-items:baseline;gap:5px;margin-top:17px;padding-top:15px;border-top:1px solid #ecebe6;color:var(--ink)}.card-price strong{font-size:21px;line-height:1}.card-price small{color:#849087;font-size:10px}.card-price .card-arrow{margin-left:auto;font-size:18px}.media-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;background:linear-gradient(135deg,#e5e7d9,#bacbb9)}.media-fallback::before,.media-fallback::after{content:"";position:absolute;width:48%;height:40%;background:#d0b999;box-shadow:18px 22px 22px rgba(57,74,51,.19);transform:rotate(-10deg)}.media-fallback::before{top:28%;left:24%}.media-fallback::after{top:17%;left:39%;height:11%;background:#eddbc1;transform:rotate(-10deg) skewX(25deg)}.media-fallback span{position:absolute;z-index:1;bottom:19px;left:15px;right:15px;color:#516751;font-size:10px;font-weight:700;letter-spacing:.08em;text-align:center}.has-loaded-image .media-fallback{display:none}.media-visual{position:relative;z-index:1}.catalog-message{padding:35px;border:1px dashed #c7cabe;text-align:center;color:#606c62;font-size:14px;background:#fffdf8}.empty-state{padding:65px 20px;text-align:center;background:#fffdf8;border:1px solid var(--line)}.empty-state h3{font-family:"Noto Serif SC",serif;font-size:24px}.empty-state p{color:var(--muted);font-size:13px}.empty-state button{border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);font-size:12px}.load-more-wrap{display:flex;justify-content:center;margin-top:37px}.button-outline{border-color:var(--ink);background:transparent;color:var(--ink)}.button-outline:hover{background:var(--ink);color:#fff}.catalog-note{margin:29px 0 0;color:#8b948b;font-size:11px;line-height:1.8}
.guide-section{padding:103px 0;background:var(--ink-dark);color:#f7f2e8}.guide-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.eyebrow.light{color:#ddb89f}.guide-heading h2{margin:23px 0;font-size:clamp(37px,4vw,56px);line-height:1.4;font-weight:600;letter-spacing:-.04em}.guide-heading h2 em{color:#ddb89f}.guide-heading>p:last-child{max-width:385px;color:#b7c5b9;font-size:13px;line-height:2}.guide-steps{border-top:1px solid rgba(241,246,237,.25)}.guide-steps article{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid rgba(241,246,237,.25)}.guide-steps article>span{padding-top:3px;color:#d9b59b;font-size:11px}.guide-steps h3{margin:0 0 9px;font-size:17px}.guide-steps p{margin:0;color:#b7c5b9;font-size:12px;line-height:1.8}
.contact-section{padding-top:104px;padding-bottom:104px}.contact-card{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:56px 62px;background:#d6a88d;color:#213a30;position:relative;overflow:hidden}.contact-card::after{content:"";position:absolute;width:310px;height:310px;right:-80px;top:-160px;border:1px solid rgba(31,62,48,.28);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.075),0 0 0 130px rgba(255,255,255,.035)}.contact-card h2{font-family:"Noto Serif SC",serif;font-size:clamp(35px,3.7vw,52px);font-weight:600;line-height:1.37;letter-spacing:-.04em}.contact-card p:last-child{margin:0;font-size:13px;line-height:1.8}.contact-card .eyebrow{color:#6d412f}.contact-links{z-index:1;display:flex;align-items:start;flex-direction:column;gap:14px;white-space:nowrap}.button-light{background:#f8f5ec;color:var(--ink)}.button-light:hover{background:#fff}.contact-links>a:last-child{border-bottom:1px solid currentColor;padding:4px 0;font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:34px;color:#758276;font-size:11px}.site-footer>div{display:flex;align-items:center;gap:22px}.site-footer strong{color:var(--ink);font-size:14px}.site-footer a:hover{color:var(--clay)}
.product-dialog{width:min(1100px,calc(100vw - 36px));max-height:min(92vh,980px);padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.28);overflow:auto}.product-dialog::backdrop{background:rgba(14,29,23,.65);backdrop-filter:blur(5px)}body.dialog-open{overflow:hidden}.dialog-close{position:sticky;top:16px;float:right;z-index:10;display:grid;place-items:center;width:38px;height:38px;margin:16px 16px -54px 0;border:1px solid #e5e5dc;background:#fff;font-size:24px;line-height:1}.dialog-close:hover{background:var(--ink);color:#fff}.detail-layout{display:grid;grid-template-columns:1.04fr .96fr}.detail-visual-side{padding:25px;background:#eeeee5}.gallery-stage{height:485px;position:relative;overflow:hidden;background:#d8e0d2}.gallery-stage .media-visual{width:100%;height:100%;object-fit:contain}.gallery-stage.cover-image .media-visual{object-fit:cover}.gallery-stage .media-fallback span{bottom:23px}.gallery-stage .gallery-notice{position:absolute;z-index:5;bottom:13px;left:13px;right:13px;width:max-content;max-width:calc(100% - 26px);padding:7px 9px;background:rgba(255,253,248,.94);color:#526759;font-size:10px}.gallery-stage .diagram-wrap,.gallery-stage .landing-preview{height:100%}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.gallery-thumb{height:70px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d7dcd0;background:#f9faf6;color:#607269;font-size:11px}.gallery-thumb span{font-size:15px}.gallery-thumb.active{border-color:var(--ink);background:var(--ink);color:#fff}.gallery-thumb:hover{border-color:#667e69}.detail-info{padding:52px 46px 37px}.detail-overline{color:var(--clay);font-size:10px;font-weight:700;letter-spacing:.2em}.detail-info h2{margin:16px 0 9px;font-family:"Noto Serif SC",serif;font-size:clamp(26px,2.6vw,37px);line-height:1.4;font-weight:600}.detail-subtitle{color:#77867b;font-size:12px}.detail-price{display:flex;align-items:baseline;gap:8px;margin:30px 0 26px;padding-bottom:25px;border-bottom:1px solid var(--line)}.detail-price strong{font-size:30px}.detail-price span{color:#818b82;font-size:11px}.detail-attrs{display:grid;grid-template-columns:88px minmax(0,1fr);row-gap:18px;margin:0;color:#2b4537;font-size:12px;line-height:1.7}.detail-attrs dt{color:#8b968d}.detail-attrs dd{margin:0;font-weight:600;word-break:break-word}.detail-description{margin:24px 0 0;color:#67766b;font-size:12px;line-height:1.9}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.detail-actions .button{flex:1 1 auto;gap:12px}.icon-button{min-height:47px;padding:11px 13px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:11px;font-weight:700}.icon-button:hover{background:#e7ede6}.detail-disclaimer{margin-top:20px;color:#98a297;font-size:10px;line-height:1.8}.diagram-wrap{display:flex;align-items:center;justify-content:center;padding:26px;background:#f5f3ea}.diagram-card{width:min(100%,440px);padding:25px;background:#fffdf7;border:1px solid #e2e0d4;box-shadow:0 15px 30px rgba(28,51,37,.06)}.diagram-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eae9e1;padding-bottom:12px;color:#435e4a;font-size:10px;font-weight:700;letter-spacing:.07em}.diagram-shape{height:210px;display:grid;place-items:center}.diagram-shape svg{width:100%;height:100%;max-width:310px}.diagram-value{padding-top:12px;border-top:1px solid #eae9e1;font-size:14px;font-weight:700;text-align:center}.diagram-caption{margin:8px 0 0;color:#889287;font-size:10px;text-align:center}.landing-preview{display:flex;flex-direction:column;overflow:hidden;background:#25463a;color:#fff}.landing-top{padding:21px 24px 9px;color:#e8d6b5;font-size:10px;letter-spacing:.18em}.landing-media{flex:1;min-height:0;position:relative;margin:0 25px;background:#e3e9d9}.landing-media img{width:100%;height:100%;object-fit:cover}.landing-media .media-fallback span{color:#3c5d43}.landing-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:17px 25px 24px}.landing-bottom h3{margin:0 0 6px;font-family:"Noto Serif SC",serif;font-size:23px;line-height:1.3}.landing-bottom p{margin:0;color:#d9e3d7;font-size:10px;line-height:1.6}.landing-bottom strong{font-size:23px;white-space:nowrap}.gallery-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;background:linear-gradient(140deg,#e7ebe1,#cad9cb);text-align:center}.gallery-placeholder-icon{width:86px;height:86px;display:grid;place-items:center;border:1px solid rgba(49,84,61,.34);border-radius:50%;font-size:37px;color:#486b53}.gallery-placeholder h3{margin:23px 0 9px;font-family:"Noto Serif SC",serif;font-size:20px}.gallery-placeholder p{max-width:280px;margin:0;color:#6b806e;font-size:11px;line-height:1.8}.gallery-placeholder .gallery-note{margin-top:17px;color:#a55b46;font-size:10px;font-weight:700}.toast{position:fixed;bottom:25px;left:50%;z-index:200;transform:translateX(-50%);padding:10px 17px;background:#183a29;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:12px}
.derived-stage{position:relative;height:100%;overflow:hidden;background:radial-gradient(circle at 62% 40%,#e5ece0,#b8c9bb);display:grid;place-items:center}.derived-stage::before{content:"";position:absolute;width:75%;height:68%;border:1px solid rgba(42,76,51,.18);border-radius:50%;transform:rotate(-26deg)}.derived-stage::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-25%;height:52%;border-radius:50%;background:rgba(46,75,51,.19);filter:blur(24px)}.derived-media{position:relative;z-index:1;width:62%;height:61%;overflow:hidden;box-shadow:23px 27px 32px rgba(40,66,46,.21);background:#eee}.derived-media .media-visual{width:100%;height:100%;object-fit:cover}.derived-effect .derived-media{transform:rotate(-7deg)}.derived-detail .derived-media{width:80%;height:73%}.derived-detail .derived-media .media-visual{transform:scale(1.45);object-position:42% 45%}.derived-scene{background:linear-gradient(150deg,#e7d7c4 0 47%,#ccbaa3 47% 50%,#b3c7ae 50%)}.derived-scene .derived-media{width:50%;height:54%;transform:rotate(4deg)}.derived-copy{position:absolute;z-index:3;left:23px;right:23px;bottom:21px;display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:rgba(255,253,248,.93);color:var(--ink)}.derived-copy span{font-size:9px;letter-spacing:.16em;color:#a0705a}.derived-copy strong{font-size:15px}.derived-copy small{font-size:10px;color:#6e796d}
@media(max-width:1100px){.shell{width:min(100% - 52px,1260px)}.hero{gap:30px}.hero-art{height:470px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-info{padding:48px 30px 32px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header-inner{height:68px}.site-nav,.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:39px;height:39px;border:1px solid var(--ink);background:transparent}.menu-toggle span{width:17px;height:1px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:4px 18px 17px;background:var(--cream);border-top:1px solid var(--line)}.mobile-nav a{padding:12px 4px;border-bottom:1px solid var(--line);font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding-top:54px;padding-bottom:45px;min-height:0}.hero h1{font-size:clamp(46px,10vw,70px)}.hero-art{height:390px}.hero-foot{margin-top:32px}.value-inner{grid-template-columns:repeat(2,1fr)}.value-inner>div{min-height:75px}.value-inner>div:nth-child(3){border-left:1px solid #e4ded2;border-top:1px solid #e4ded2}.value-inner>div:nth-child(4){border-top:1px solid #e4ded2}.catalog-section{padding-top:70px;padding-bottom:80px}.section-index{display:none}.section-heading h2{font-size:36px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:14px}.card-body h3{font-size:13px;min-height:35px}.card-media{aspect-ratio:1}.card-meta{flex-direction:column;gap:2px}.card-meta span:last-child{text-align:left}.guide-section{padding:72px 0}.guide-inner{display:block}.guide-steps{margin-top:35px}.contact-section{padding-top:70px;padding-bottom:70px}.contact-card{display:block;padding:38px 30px}.contact-links{margin-top:25px}.site-footer{display:block}.site-footer>div{justify-content:space-between;margin-bottom:14px}.detail-layout{display:block}.detail-visual-side{padding:12px}.gallery-stage{height:min(60vh,430px)}.detail-info{padding:29px 24px}.dialog-close{top:10px;margin:10px 10px -48px 0}.product-dialog{width:calc(100vw - 22px);max-height:94vh}.landing-bottom h3{font-size:19px}}
@media(max-width:480px){.announcement{font-size:8px}.shell{width:calc(100% - 28px)}.brand-seal{width:34px;height:34px;font-size:18px}.brand-type strong{font-size:15px}.hero{padding-top:40px}.hero h1{font-size:47px}.hero-description{font-size:13px}.hero-actions{gap:16px}.hero-actions .button{padding:12px 15px;gap:10px}.hero-art{height:310px}.art-box-frontmost{left:25%;top:43%;transform:scale(.72) rotate(-11deg)}.art-box-back{left:50%;top:23%;transform:scale(.7) rotate(13deg)}.art-swatch{transform:scale(.7) rotate(20deg)}.art-caption{left:15px;right:15px;bottom:16px}.art-label-top{left:16px;top:18px}.value-inner>div{gap:9px;padding:0 9px;font-size:10px}.value-num{font-size:26px}.catalog-section{padding-top:55px}.filter-panel{padding:18px 14px}.filter-fields{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-fields input,.filter-fields select{padding:0 9px;font-size:11px}.filter-fields label{font-size:9px}.result-bar span{display:none}.product-grid{gap:8px}.card-media{aspect-ratio:.92}.card-body{padding:11px 10px 14px}.card-kicker{font-size:9px}.card-body h3{font-size:12px;min-height:33px}.card-meta{font-size:10px}.card-price{margin-top:12px;padding-top:12px}.card-price strong{font-size:17px}.card-price small{font-size:9px}.card-indicator{right:8px;bottom:8px;width:25px;height:25px;font-size:15px}.card-tag{top:8px;left:8px;padding:5px;font-size:9px}.guide-heading h2{font-size:40px}.contact-card{padding:33px 23px}.contact-card h2{font-size:36px}.site-footer>div{align-items:start;gap:13px}.site-footer>div:last-child{font-size:9px}.gallery-stage{height:340px}.gallery-thumbs{grid-template-columns:repeat(3,1fr)}.gallery-thumb{height:55px;font-size:10px}.diagram-wrap{padding:12px}.diagram-card{padding:16px}.diagram-shape{height:185px}.landing-top{padding:15px 18px 8px}.landing-media{margin:0 18px}.landing-bottom{padding:12px 18px 19px}.landing-bottom strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.hero-art{background:#dbc7a7}.hero-scene{width:100%;height:100%;object-fit:cover;object-position:center}.hero-art::before{z-index:1;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(25,39,31,.42))}.hero-art::after{display:none}.hero-art .art-label-top{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}.hero-art .art-caption{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}

/* Product packs contain only images verified for the current SKU. Missing media stays neutral. */
.media-fallback{background:#e9ede5}
.media-fallback::before,.media-fallback::after{display:none}
.media-fallback span{position:static;padding:0 24px;color:#758577;font-size:12px;letter-spacing:0}
.gallery-intro{margin:11px 0 0;color:#778578;font-size:11px;line-height:1.5}
.gallery-thumbs{margin-top:8px}
.gallery-thumb .thumb-label{display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.2}
.gallery-thumb .thumb-label small{font-size:9px;color:#839385}
.gallery-thumb.active .thumb-label small{color:#d9e5d9}
.gallery-thumb.unavailable:not(.active){color:#a0aba0;background:#f3f5ef;border-style:dashed}
.gallery-thumb.unavailable:not(.active) .thumb-label small{color:#af735e}
.detail-actions .icon-button:disabled{cursor:not-allowed;opacity:.46;background:#ecefe8}
.card-photo-note{position:absolute;left:12px;bottom:13px;z-index:3;padding:5px 7px;background:rgba(255,253,248,.94);color:#526759;font-size:9px;font-weight:700}

/* One card per box style; color and dimensions are selected in the detail panel. */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card-media{aspect-ratio:1.28}
.card-media .media-visual{object-fit:contain}
.card-body{padding:20px 22px 23px}
.card-body h3{min-height:0;font-size:19px}
.card-meta{font-size:12px}
.card-price .card-arrow{font-size:11px;font-weight:700;white-space:nowrap}
.variant-picker{margin-top:23px;padding:18px;background:#f2f4ec;border:1px solid #dbe3d9}
.variant-picker-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:15px}
.variant-picker-heading strong{font-size:13px}
.variant-picker-heading span{color:#839082;font-size:10px;text-align:right}
.variant-picker-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.variant-picker-fields label{min-width:0;display:flex;flex-direction:column;gap:7px;color:#718171;font-size:11px;font-weight:700}
.variant-picker-fields select{width:100%;min-width:0;height:43px;padding:0 9px;border:1px solid #ccd7cb;border-radius:0;background:#fff;color:var(--ink);font-size:12px;outline:none}
.variant-picker-fields select:focus-visible{border-color:var(--ink);box-shadow:0 0 0 2px rgba(32,58,49,.14)}
.variant-picker + .detail-price{margin:22px 0 24px}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:16px}.card-body h3{font-size:16px}.variant-picker{margin-top:20px}}
@media(max-width:480px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-media{aspect-ratio:1}.card-body{padding:12px}.card-body h3{font-size:14px}.card-meta{font-size:10px;gap:3px}.card-price .card-arrow{font-size:9px}.variant-picker-heading{display:block}.variant-picker-heading span{display:block;margin-top:5px;text-align:left}.variant-picker-fields{grid-template-columns:1fr}}

/* Image-led variant selection. Workbook photos stay tied to the selected color group. */
.variant-picker{padding:0;border:0;background:transparent}
.variant-picker-heading{align-items:end;padding-bottom:12px;border-bottom:1px solid var(--line)}
.variant-picker-heading strong{font-family:"Noto Serif SC",serif;font-size:19px;font-weight:600}
.variant-picker-section{margin-top:19px}
.variant-picker-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.variant-picker-label strong{font-size:11px;letter-spacing:.08em}
.variant-picker-label span{color:#7d8a7e;font-size:11px}
.color-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.color-choice{min-width:0;position:relative;padding:4px;border:1px solid #d8ded5;background:#fff;color:var(--ink);text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}
.color-choice:hover{transform:translateY(-2px);border-color:#819e87;box-shadow:0 8px 20px rgba(32,58,49,.09)}
.color-choice.selected{padding:3px;border:2px solid var(--ink);box-shadow:0 0 0 2px rgba(32,58,49,.12)}
.color-choice-photo{position:relative;display:block;height:81px;overflow:hidden;background:#f4f6f1}
.color-choice-photo .media-visual{width:100%;height:100%;object-fit:contain}
.color-choice-photo .media-fallback span{padding:0 4px;font-size:9px}
.color-choice-info{display:flex;flex-direction:column;min-height:44px;gap:1px;padding:6px 4px 2px}
.color-choice-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.color-choice-info small{color:#728477;font-size:10px}
.color-choice-check{display:none;position:absolute;top:7px;right:7px;z-index:3;width:19px;height:19px;border-radius:50%;place-items:center;background:var(--ink);color:#fff;font-size:12px}
.color-choice.selected .color-choice-check{display:grid}
.variant-picker-note{margin:8px 0 0;color:#8b978b;font-size:10px;line-height:1.6}
.visual-switch{display:none}
.size-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.size-choice{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:67px;padding:12px 11px;border:1px solid #d8ded5;background:#fff;color:var(--ink);text-align:left;transition:border-color .2s,background .2s}
.size-choice:hover{border-color:#819e87}
.size-choice.selected{border:2px solid var(--ink);padding:11px 10px;background:#eef3ec}
.size-choice>span{font-size:11px;font-weight:700}
.size-choice>strong{font-size:14px}
.size-choice>strong small{color:#758676;font-size:10px;font-weight:400}
.color-choice:focus-visible,.size-choice:focus-visible{outline:2px solid var(--clay);outline-offset:2px}

/* Created editorial views keep the real same-color box photo visibly separate. */
.editorial-detail,.editorial-scene{height:100%;position:relative;overflow:hidden}
.editorial-detail{display:flex;flex-direction:column;gap:12px;padding:18px;background:#f4f4ec}
.editorial-detail-head,.editorial-detail-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.editorial-detail-head span{color:#a87055;font-size:10px;font-weight:700;letter-spacing:.16em}
.editorial-detail-head strong{font-family:"Noto Serif SC",serif;font-size:17px}
.editorial-detail-photos{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;flex:1;min-height:0}
.editorial-detail-main,.editorial-detail-secondary{position:relative;min-width:0;overflow:hidden;background:#fff}
.editorial-detail-main .media-visual,.editorial-detail-secondary .media-visual{width:100%;height:100%;object-fit:contain}
.editorial-detail-secondary.is-zoomed .media-visual{object-fit:cover;transform:scale(1.28)}
.editorial-detail-main>span,.editorial-detail-secondary>span{position:absolute;z-index:3;left:7px;right:7px;bottom:7px;padding:7px;background:rgba(255,253,248,.92);color:#526759;font-size:10px;text-align:center}
.editorial-detail-foot{padding-top:5px;border-top:1px solid #dfe3db}
.editorial-detail-foot span{font-size:11px;font-weight:700}
.editorial-detail-foot small{max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8a7e;font-size:10px;text-align:right}
.editorial-scene{background:#e8e0d0 url('./images/editorial/studio-backdrop-v2.png') center/cover no-repeat}
.editorial-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(250,248,242,.55));pointer-events:none}
.editorial-scene-top,.editorial-scene-copy,.editorial-scene-note{position:absolute;z-index:3}
.editorial-scene-top{top:17px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;color:#465c49;font-size:9px;font-weight:700;letter-spacing:.17em}
.editorial-scene-photo{position:absolute;z-index:2;top:16%;left:8%;width:55%;height:69%;padding:10px 10px 30px;background:#fff;box-shadow:18px 23px 40px rgba(49,47,37,.2);transform:rotate(-3deg)}
.editorial-scene-photo .media-visual{width:100%;height:100%;object-fit:contain}
.editorial-scene-photo>span{position:absolute;bottom:7px;left:10px;right:10px;color:#728071;font-size:9px;font-weight:700;text-align:center}
.editorial-scene-copy{top:32%;right:5%;width:27%;display:flex;flex-direction:column;gap:9px;color:#294536;text-shadow:0 1px 8px rgba(255,255,255,.9)}
.editorial-scene-copy small{font-size:9px;font-weight:700;letter-spacing:.17em}
.editorial-scene-copy strong{font-family:"Noto Serif SC",serif;font-size:clamp(18px,2vw,27px);line-height:1.35}
.editorial-scene-copy span{font-size:11px;line-height:1.6}
.editorial-scene-note{right:15px;bottom:12px;left:15px;margin:0;padding:7px 10px;background:rgba(255,253,248,.86);color:#586e5c;font-size:10px;text-align:center}
@media(max-width:760px){.color-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-choice-photo{height:75px}.editorial-scene-copy strong{font-size:19px}.editorial-scene-top{right:58px}.visual-switch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:11px 13px;border:0;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.variant-picker{scroll-margin-top:12px}}
@media(max-width:480px){.variant-picker-heading strong{font-size:18px}.color-choice-grid{gap:6px}.color-choice-photo{height:69px}.color-choice-info{min-height:42px}.color-choice-info strong{font-size:10px}.size-choice-grid{gap:6px}.size-choice{padding:9px;min-height:61px}.size-choice.selected{padding:8px}.size-choice>span{font-size:10px}.size-choice>strong{font-size:13px}.editorial-detail{padding:10px;gap:8px}.editorial-detail-head strong{font-size:13px}.editorial-detail-head span{font-size:8px}.editorial-detail-photos{gap:6px}.editorial-detail-main>span,.editorial-detail-secondary>span{font-size:8px}.editorial-detail-foot span,.editorial-detail-foot small{font-size:9px}.editorial-scene-photo{top:18%;left:6%;width:57%;height:62%;padding:6px 6px 25px}.editorial-scene-copy{top:35%;right:4%;width:30%}.editorial-scene-copy small{font-size:7px}.editorial-scene-copy strong{font-size:15px}.editorial-scene-copy span{font-size:9px}.editorial-scene-note{font-size:8px}}

/* The language control stays visible above the main navigation at all widths. */
.announcement{height:auto;min-height:36px;justify-content:space-between;gap:16px;padding:4px max(20px,calc((100vw - 1260px)/2));letter-spacing:.12em}
.announcement .announcement-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:inherit}
.language-switch{display:inline-flex;flex:none;align-items:center;gap:3px;padding:2px;border:1px solid rgba(255,255,255,.3);border-radius:2px;direction:ltr;letter-spacing:0}
.language-switch button{min-height:25px;padding:3px 10px;border:0;border-radius:1px;background:transparent;color:#ede8db;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;transition:background .2s,color .2s}
.language-switch button:hover{background:rgba(255,255,255,.15)}
.language-switch button[aria-pressed="true"]{background:#f7f2e6;color:var(--ink-dark)}
.language-switch button:focus-visible{outline:2px solid #f3d1a4;outline-offset:2px}
.language-switch button[data-lang="ar"]{font-family:"Noto Sans Arabic",Tahoma,sans-serif;direction:rtl}
.product-dialog .dialog-language-switch{position:sticky;top:16px;left:16px;z-index:11;float:left;margin:16px 0 -54px 16px;background:var(--ink-dark);box-shadow:0 5px 18px rgba(16,40,27,.18)}

/* Arabic text and controls follow reading order, while photographs and numerals do not mirror. */
html[dir="rtl"] body{font-family:"Noto Sans Arabic",Tahoma,"DM Sans",sans-serif;line-height:1.65}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .variant-picker-heading strong,html[dir="rtl"] .editorial-detail-head strong,html[dir="rtl"] .landing-bottom h3{font-family:"Noto Sans Arabic",Tahoma,sans-serif;letter-spacing:0}
html[dir="rtl"] .hero h1,html[dir="rtl"] .section-heading h2,html[dir="rtl"] .guide-heading h2,html[dir="rtl"] .contact-card h2{line-height:1.45;letter-spacing:0}
html[dir="rtl"] .hero h1{font-size:clamp(44px,4.7vw,70px)}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .detail-overline,html[dir="rtl"] .editorial-detail-head span,html[dir="rtl"] .editorial-scene-top{letter-spacing:.03em}
html[dir="rtl"] .skip-link{left:auto;right:16px}
html[dir="rtl"] .brand{margin-right:0;margin-left:auto}
html[dir="rtl"] .header-contact span,html[dir="rtl"] .text-action span{margin-left:0;margin-right:9px}
html[dir="rtl"] .header-contact span{margin-right:13px}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-heading,html[dir="rtl"] .filter-panel,html[dir="rtl"] .guide-inner,html[dir="rtl"] .contact-card,html[dir="rtl"] .site-footer{text-align:right}
html[dir="rtl"] .art-label-top{left:auto;right:36px}
html[dir="rtl"] .value-inner>div{border-right:0;border-left:1px solid #e4ded2}
html[dir="rtl"] .value-inner>div:first-child{border-left:1px solid #e4ded2;border-right:1px solid #e4ded2}
html[dir="rtl"] .filter-fields input,html[dir="rtl"] .filter-fields select{direction:rtl;text-align:right}
html[dir="rtl"] .product-open,html[dir="rtl"] .color-choice,html[dir="rtl"] .size-choice{text-align:right}
html[dir="rtl"] .card-meta span:last-child{text-align:left}
html[dir="rtl"] .card-price .card-arrow{margin-left:0;margin-right:auto}
html[dir="rtl"] .card-tag,html[dir="rtl"] .card-photo-note{left:auto;right:14px}
html[dir="rtl"] .card-indicator{right:auto;left:14px}
html[dir="rtl"] .card-price strong,html[dir="rtl"] .detail-price strong,html[dir="rtl"] .size-choice>span,html[dir="rtl"] .size-choice>strong,html[dir="rtl"] .color-choice-info small,html[dir="rtl"] .diagram-value,html[dir="rtl"] .landing-bottom strong{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .card-kicker,html[dir="rtl"] .detail-overline,html[dir="rtl"] .detail-attrs dd,html[dir="rtl"] .editorial-detail-foot span,html[dir="rtl"] .editorial-scene-copy span{unicode-bidi:plaintext}
html[dir="rtl"] .detail-attrs dd{min-width:0}
html[dir="rtl"] .product-dialog{direction:rtl;text-align:right}
html[dir="rtl"] .dialog-close{float:left;margin:16px 0 -54px 16px}
html[dir="rtl"] .product-dialog .dialog-language-switch{left:auto;right:16px;float:right;margin:16px 16px -54px 0}
html[dir="rtl"] .gallery-stage .gallery-notice{left:auto;right:13px}
html[dir="rtl"] .gallery-thumbs,html[dir="rtl"] .color-choice-grid,html[dir="rtl"] .size-choice-grid{direction:rtl}
html[dir="rtl"] .variant-picker-heading span,html[dir="rtl"] .editorial-detail-foot small{text-align:left}
html[dir="rtl"] .color-choice-check{right:auto;left:7px}
html[dir="rtl"] .editorial-scene::after{background:linear-gradient(270deg,transparent 49%,rgba(250,248,242,.55))}
html[dir="rtl"] .editorial-scene-photo{left:auto;right:8%;transform:rotate(3deg)}
html[dir="rtl"] .editorial-scene-copy{right:auto;left:5%}
html[dir="rtl"] .contact-card::after{right:auto;left:-80px}
html[dir="rtl"] .derived-copy{text-align:right}

@media(max-width:760px){
  .announcement{padding-inline:18px}
  .product-dialog .dialog-language-switch{top:10px;left:10px;margin:10px 0 -48px 10px}
  html[dir="rtl"] .card-meta span:last-child{text-align:right}
  html[dir="rtl"] .dialog-close{margin:10px 0 -48px 10px}
  html[dir="rtl"] .product-dialog .dialog-language-switch{left:auto;right:10px;margin:10px 10px -48px 0}
  html[dir="rtl"] .editorial-scene-copy{left:4%}
  html[dir="rtl"] .editorial-scene-photo{right:6%}
  html[dir="rtl"] .editorial-scene-top{left:58px;right:20px}
}
@media(max-width:480px){
  .announcement{gap:9px;min-height:38px;padding-inline:12px;font-size:9px;letter-spacing:.02em}
  .language-switch button{min-height:26px;padding:3px 7px;font-size:10px}
  html[dir="rtl"] .art-label-top{right:16px}
  html[dir="rtl"] .hero h1{font-size:clamp(38px,11vw,47px)}
  html[dir="rtl"] .card-tag{right:8px}
  html[dir="rtl"] .card-photo-note{right:8px}
  html[dir="rtl"] .card-indicator{left:8px}
  html[dir="rtl"] .variant-picker-heading span{text-align:right}
}

/* Live currency context stays legible but quieter than the product price. */
#exchangeRateNote{
  margin:14px 0 0;
  padding:10px 13px;
  border-inline-start:2px solid #b4a17b;
  background:#f4f1e9;
  color:#687669;
  font-size:11px;
  line-height:1.7;
  font-variant-numeric:tabular-nums;
}
.dialog-exchange-rate{
  margin:-14px 0 24px;
  color:#788579;
  font-size:11px;
  line-height:1.7;
  font-variant-numeric:tabular-nums;
}
#exchangeRateNote[hidden],.dialog-exchange-rate[hidden]{display:none}
#exchangeRateNote bdi,.dialog-exchange-rate bdi,
#exchangeRateNote .fx-number,.dialog-exchange-rate .fx-number{
  display:inline-block;
  direction:ltr;
  unicode-bidi:isolate;
  white-space:nowrap;
}
html[dir="rtl"] #exchangeRateNote,html[dir="rtl"] .dialog-exchange-rate{text-align:right}
@media(max-width:480px){
  #exchangeRateNote{margin-top:12px;padding:9px 11px;font-size:10px}
  .dialog-exchange-rate{margin:-13px 0 21px;font-size:10px}
}

/* Source-backed carton specifications with realistic illustrative carton photos lead every image pack. */
.carton-spec-wrap{height:100%;padding:17px;background:radial-gradient(circle at 13% 12%,#f7f5eb 0,#e4eadf 72%)}
.carton-spec-card{height:100%;display:flex;flex-direction:column;min-width:0;padding:18px 22px 13px;border:1px solid #d6dcd0;background:#fffdf7;box-shadow:0 12px 30px rgba(34,63,42,.07)}
.carton-spec-head{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:10px;border-bottom:1px solid #e6e9df;color:#254637}
.carton-spec-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.carton-spec-head strong{font-family:"Noto Serif SC",serif;font-size:20px;line-height:1.25;font-weight:600}
.carton-spec-kicker,.carton-spec-index{font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:.15em;color:#9a7752;white-space:nowrap}
.carton-spec-index{padding-top:3px;direction:ltr;unicode-bidi:isolate}
.carton-spec-visual{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#f7f5f0}
.carton-real-photo{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.carton-spec-size{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #e6e9df;color:#637365;font-size:10px}
.carton-spec-size bdi{font-family:"DM Sans",sans-serif;color:#254637;font-size:15px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.carton-spec-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.carton-spec-facts.has-inner{grid-template-columns:repeat(4,minmax(0,1fr))}
.carton-spec-facts>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:8px 9px;background:#eaf0e6}
.carton-spec-facts small{color:#697d6a;font-size:9px;line-height:1.2}
.carton-spec-facts strong{color:#244638;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.carton-spec-note{margin:8px 0 0;color:#748476;font-size:10px;line-height:1.35}
.gallery-thumb[data-gallery^="carton-"]{background:#e9f0e6;border-color:#b5c6b3;color:#294c39}
.gallery-thumb[data-gallery^="carton-"].active{background:var(--ink);border-color:var(--ink);color:#fff}
.carton-thumb-photo{display:block;width:43px;height:48px;flex:none;border:1px solid rgba(41,76,57,.14);object-fit:cover;background:#f7f5f0}
.gallery-thumb[data-gallery^="carton-"] .thumb-label{min-width:0;text-align:left}
html[dir="rtl"] .carton-spec-size bdi,html[dir="rtl"] .carton-spec-facts bdi{direction:ltr;unicode-bidi:isolate}
@media(max-width:480px){
  .carton-spec-wrap{padding:8px}
  .carton-spec-card{padding:10px 11px 8px}
  .carton-spec-head{padding-bottom:6px}
  .carton-spec-head strong{font-size:14px}
  .carton-spec-kicker,.carton-spec-index{font-size:7px}
  .carton-spec-size{padding:5px 0;font-size:9px}
  .carton-spec-size bdi{font-size:12px}
  .carton-spec-facts,.carton-spec-facts.has-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
  .carton-spec-facts>div{gap:1px;padding:3px 6px}
  .carton-spec-facts small{font-size:7px}
  .carton-spec-facts strong{font-size:10px}
  .carton-spec-note{margin-top:4px;font-size:8px}
  .carton-thumb-photo{width:32px;height:37px}
  .gallery-thumb[data-gallery^="carton-"]{gap:4px;padding:3px}
  .gallery-thumb[data-gallery^="carton-"] .thumb-label{font-size:9px}
  .gallery-thumb[data-gallery^="carton-"] .thumb-label small{font-size:7px}
}

.editorial-effect{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#e4eae1;color:#274738}
.editorial-effect-head{display:flex;justify-content:space-between;gap:12px;padding:16px 19px 8px;font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:.13em;color:#708573}
.editorial-effect-photo{position:relative;flex:1;min-height:0;margin:0 19px;background:radial-gradient(circle at 50% 35%,#fffef8,#dfe9dc 76%);overflow:hidden}
.editorial-effect-photo::before{content:"";position:absolute;inset:12px;border:1px solid rgba(38,78,53,.15);z-index:2;pointer-events:none}
.editorial-effect-photo .media-visual{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
.editorial-effect.is-generated .editorial-effect-photo .media-visual{object-fit:cover}
.editorial-effect-foot{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:13px 19px 15px}
.editorial-effect-foot>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.editorial-effect-foot small{font-size:9px;color:#9d7959;letter-spacing:.1em}
.editorial-effect-foot strong{font-family:"Noto Serif SC",serif;font-size:20px;line-height:1.2}
.editorial-effect-foot span{font-size:10px;color:#647967}
.editorial-effect-foot p{max-width:190px;margin:0;font-size:9px;line-height:1.5;color:#839286;text-align:end}
.landing-preview:not(.is-generated) .landing-media .media-visual{object-fit:contain}
/* Keep the workbook product photo exact while hiding its separate Chinese caption strip in EN/AR. */
.media-visual.caption-crop{display:block;width:100%;height:100%;background:#fff;overflow:hidden}
.product-dialog .detail-visual-side{padding-top:66px}
html[dir="rtl"] .editorial-effect-foot p{text-align:start}
@media(max-width:480px){
  .product-dialog .detail-visual-side{padding-top:58px}
  .editorial-effect-head{padding:9px 11px 5px;font-size:7px}
  .editorial-effect-photo{margin:0 11px}
  .editorial-effect-foot{padding:8px 11px 10px;gap:7px}
  .editorial-effect-foot strong{font-size:14px}
  .editorial-effect-foot small,.editorial-effect-foot span{font-size:8px}
  .editorial-effect-foot p{max-width:130px;font-size:7px}
}