*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:#172723;background:#f6f8f7;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #458258;outline-offset:3px}header{background:white;border-bottom:1px solid #e2e8e4}.top{max-width:1320px;margin:auto;padding:19px 36px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-family:Arial,sans-serif;font-size:28px;font-weight:800}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:#172723;color:#c7f36b;border-radius:10px;font-size:25px}.x{color:#458258}.shop{display:block;font-size:10px;font-weight:500;letter-spacing:4px;line-height:1.2;color:#75847c}nav{display:flex;gap:30px;align-items:center;font-size:14px}.contact{padding:8px 18px;border:1px solid #dce5de;border-radius:8px}main{max-width:1320px;margin:auto;padding:32px 36px}.intro{background:#172723;color:#fff;border-radius:20px;padding:34px 40px;display:flex;justify-content:space-between;gap:36px;align-items:center}.eyebrow{font-size:14px;color:#688274}.intro .eyebrow{color:#c7f36b}h1{font-size:38px;line-height:1.65;margin:9px 0 12px;font-weight:700}h1 span{color:#c7f36b}.intro p{color:#c4d2cb;max-width:550px;margin:0;font-size:14px}.intro-plan{border-right:1px solid #496057;padding:10px 36px 10px 0;min-width:320px}.small{font-size:14px;color:#b2c5b8}.intro-plan strong{display:block;font-size:35px;font-weight:500;color:#c7f36b;white-space:nowrap}.intro-plan small{font-size:16px}.intro-plan>span:last-child{font-size:12px;color:#c4d2cb}.intro-plan b{margin:0 10px;color:#c7f36b}.line{height:1px;background:#3b5148;margin:20px 0}.update{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#6e7e75;padding:18px 4px;margin-bottom:12px}.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px}aside{border:1px solid #e2e8e4;border-radius:14px;background:white;padding:22px;height:fit-content}h2{font-size:20px;margin:0 0 14px}label{display:block;font-size:14px;margin:14px 0 6px}input[type=search],select,input[type=number],#extra{border:1px solid #dce4de;background:#fff;padding:10px 12px;border-radius:8px;width:100%;min-height:44px;color:#172723}input[type=search]{font-size:14px}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:14px;font-weight:bold}.radio,.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.radio{margin:10px 0}.radio input,.checkbox input{accent-color:#458258;width:17px;height:17px}.aside-note{border-top:1px solid #e2e8e4;margin-top:24px;padding-top:20px;font-size:14px}.aside-note p{font-size:12px;color:#75847c;margin:6px 0}.aside-note a{font-size:14px;color:#347342;font-weight:bold}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:start}.toolbar h2{margin:0}.toolbar p{font-size:12px;color:#75847c;margin:6px 0}.sort{margin:0;font-size:12px;min-width:165px}.sort select{font-size:14px;padding:7px 10px;margin-top:4px}.period-bar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:18px 0 20px;padding:12px 16px;background:#eaf0ec;border-radius:10px;font-size:14px}.segments{display:flex;background:white;border-radius:8px;padding:3px}.segments button{border:0;background:transparent;color:#6e7e75;border-radius:6px;padding:6px 15px;font-size:14px}.segments .active{background:#172723;color:#c7f36b}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e2e8e4;border-radius:12px;padding:20px;display:flex;flex-direction:column;min-height:310px}.card-top{display:flex;justify-content:space-between;gap:4px;font-size:12px;color:#75847c}.brand-label{font-weight:bold;color:#347342}.card h3{font-family:Arial,Tahoma,sans-serif;font-size:19px;line-height:1.5;margin:20px 0 8px;text-align:right}.spec{font-size:12px;color:#75847c;line-height:1.8;min-height:44px;margin:0 0 20px;text-align:right}.cash{display:flex;justify-content:space-between;gap:4px;font-size:12px;align-items:center}.cash strong{font-size:16px;color:#172723}.cash small,.installment small{font-size:11px;font-weight:normal}.installment{background:#f2f7ee;border-radius:8px;padding:10px 12px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}.installment strong{font-size:18px;color:#347342}.down{font-size:12px;color:#6e7e75;margin:0 0 13px}.card button{margin-top:auto;width:100%;border:1px solid #dce5de;background:white;border-radius:8px;padding:9px;font-size:14px;color:#172723}.card button:hover{background:#172723;color:#c7f36b}.empty{grid-column:1/-1;padding:36px;background:white;text-align:center;border-radius:12px}.guide{border-top:1px solid #dce5de;margin-top:60px;padding-top:30px;display:grid;grid-template-columns:230px 1fr;gap:30px}.guide h2{margin-top:8px}.guide ol{display:flex;padding:0;margin:0;gap:24px;list-style:none}.guide li{flex:1;display:flex;gap:12px}.guide li>span{color:#458258;font-size:22px}.guide h3{font-size:14px;margin:3px 0 8px}.guide p{font-size:12px;color:#75847c;margin:0}footer{max-width:1320px;margin:30px auto 0;padding:24px 36px;border-top:1px solid #dce5de;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:12px;color:#75847c}.footer-brand{font-size:22px;color:#172723;font-weight:bold}dialog{border:0;border-radius:18px;padding:28px;width:min(780px,calc(100% - 32px));max-height:90vh;overflow:auto;color:#172723;box-shadow:0 20px 100px #17272340}dialog::backdrop{background:#10251fcc;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;background:#edf2ee;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1}.muted{font-size:14px;color:#75847c}.price-line{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #e2e8e4;border-bottom:1px solid #e2e8e4;font-size:14px}.price-line strong{font-size:22px}.breakdown{display:flex;justify-content:space-between;font-size:14px;margin:12px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px;margin:20px 0}th,td{padding:12px 8px;text-align:right;border-bottom:1px solid #e2e8e4}th{font-size:12px;color:#75847c}tr.selected td{background:#eef5e8;color:#347342;font-weight:bold}.extra{background:#f5f7f5;border-radius:10px;padding:16px;margin:18px 0}.extra label{margin-top:0}.extra p{font-size:12px;color:#75847c;margin:8px 0 0}.terms{font-size:12px;color:#75847c}.dialog-actions{display:flex;gap:12px}.primary,.secondary{border-radius:8px;padding:12px 16px;font-size:14px;text-align:center}.primary{background:#172723;color:#c7f36b;border:0}.secondary{border:1px solid #dce5de}#copy-status{font-size:12px;color:#347342;margin:8px 0}.skip{position:fixed;top:-100px}.skip:focus{top:8px;background:white;padding:10px;z-index:10}@media(min-width:1500px){main,.top,footer{max-width:1440px}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-plan{min-width:260px;padding-right:22px}h1{font-size:32px}.intro{padding:28px}.guide{grid-template-columns:1fr}.guide ol{gap:18px}}@media(max-width:740px){.top{padding:14px 18px}.brand{font-size:23px}.brand-mark{width:34px;height:34px;font-size:21px}nav{gap:12px}nav>a:not(.contact){display:none}.contact{font-size:12px;padding:7px 11px}main{padding:20px 16px}.intro{padding:24px;display:block;border-radius:14px}h1{font-size:29px}.intro-plan{border:0;border-top:1px solid #496057;padding:16px 0 0;margin-top:22px}.intro-plan strong{font-size:29px}.intro-plan .line,.intro-plan>span:last-child{display:none}.update{display:block;font-size:12px}.update span{display:block;margin:4px 0}.workspace{display:block}aside{padding:16px;margin-bottom:20px}aside h2,aside fieldset,.aside-note{display:none}aside label{margin-top:0}aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}aside>label[for=search],aside>label[for=brand]{align-self:end}aside>label[for=search]{grid-column:1;grid-row:1}#search{grid-column:1;grid-row:2}aside>label[for=brand]{grid-column:2;grid-row:1}#brand{grid-column:2;grid-row:2}.checkbox{grid-column:1/-1;margin-top:8px}.toolbar{align-items:center}.toolbar h2{font-size:18px}.sort{min-width:120px;max-width:130px}.period-bar{padding:10px;gap:8px;flex-wrap:wrap}.period-bar>span{font-size:12px}.segments button{padding:6px 12px}.grid{gap:10px}.card{padding:14px;min-height:315px}.card h3{font-size:17px}.cash{display:block}.cash strong{display:block;font-size:15px}.installment{display:block;padding:8px}.installment strong{display:block;font-size:17px}.card-top{font-size:11px}.guide{margin-top:35px}.guide ol{display:block}.guide li{margin-bottom:20px}footer{padding:20px 16px;flex-wrap:wrap}footer span{order:3;width:100%}dialog{padding:20px}.dialog-actions{flex-direction:column}}@media(max-width:380px){.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#extra{text-align:right;font-size:20px;font-variant-numeric:tabular-nums}

.card-colors{font-size:12px;color:#347342;margin:-12px 0 16px;line-height:1.8}.color-picker{padding:0;border:0;margin:20px 0}.color-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.color-options button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border:1px solid #dce5de;background:white;color:#172723;padding:9px 16px;border-radius:8px;min-height:46px;font-size:14px}.color-options small{font-size:12px;color:#75847c}.color-options .selected-color{border:2px solid #458258;background:#eef5e8;padding:8px 15px}.color-options .selected-color small{color:#347342}

.request-guide{background:#c7f36b;color:#172723;border-radius:9px;padding:12px 14px;font-size:14px;line-height:1.9;margin:16px 0 12px}.bale-button{background:#00b894;color:#082c25;border-color:#00b894;font-weight:bold}.bale-button:hover{background:#00a583;border-color:#00a583}.bale-button:focus-visible{outline-color:#007b64}
.registration-notice{background:#fff4d6;color:#664600;border:1px solid #e7cb85;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.9;margin:12px 0}

.product-photo{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;border-radius:10px}.card-photo{height:195px;margin:16px 0 2px}.photo-stage{position:relative;flex:none;width:var(--photo-size,180px);height:var(--photo-size,180px)}.product-photo img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.detail-photo{--photo-size:230px}.product-photo img[hidden]{display:none}.product-photo .photo-unavailable{font-size:12px;color:#75847c;background:#f6f8f7;padding:16px;text-align:center;border-radius:8px}.product-photo .photo-unavailable[hidden]{display:none}.detail-photo{height:250px;margin:20px 0 12px}.photo-note{font-size:12px;color:#75847c;text-align:center;margin:4px 0 12px}.card h3{margin-top:12px}@media(max-width:740px){.card-photo{height:155px;--photo-size:140px}.detail-photo{height:215px;--photo-size:200px}}

.source-features{font-size:13px;line-height:1.9;padding-inline-start:20px;color:#4d6256}.source-features li{margin:5px 0}

/* Image categories preserve the native radio filter and keyboard navigation. */
.category-picker{min-width:0;margin:20px 0 24px}.category-picker legend{margin-bottom:12px}.category-all,.category-tile,.category-chip{position:relative;margin:0;cursor:pointer}.category-picker input{position:absolute;width:1px;height:1px;opacity:0}.category-all{display:block;margin-bottom:12px}.category-all>span{display:block;padding:8px 12px;text-align:center;border:1px solid #dce5de;border-radius:10px;font-size:13px}.category-all input:checked+span{background:#172723;color:#c7f36b;border-color:#172723}.category-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile-content{display:flex;flex-direction:column;height:100%;border:1px solid #e2e8e4;border-radius:12px;padding:7px 5px 8px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}.category-image{display:grid;place-items:center;aspect-ratio:1;background:#f7f9f6;border-radius:8px;overflow:hidden}.category-image img{display:block;width:100%;height:100%;max-height:95px;object-fit:contain;padding:5px;mix-blend-mode:multiply}.category-title{text-align:center;font-size:11px;font-weight:700;line-height:1.7;margin-top:7px}.category-tile:hover .category-tile-content{border-color:#8bad88;background:#fafcf8}.category-tile input:checked+.category-tile-content{border-color:#458258;background:#f1f7eb;box-shadow:inset 0 0 0 1px #458258}.category-tile input:checked+.category-tile-content .category-title{color:#347342}.category-picker input:focus-visible+span{outline:3px solid #458258;outline-offset:3px}.category-more{margin-top:14px}.category-more summary{cursor:pointer;font-size:12px;color:#347342;padding:8px 0;min-height:44px}.category-other{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.category-chip>span{display:block;font-size:12px;line-height:1.7;border:1px solid #dce5de;padding:7px 10px;border-radius:8px}.category-chip input:checked+span{background:#f1f7eb;border-color:#458258;color:#347342}
@media(max-width:740px){aside .category-picker{display:block;grid-column:1/-1;grid-row:1;margin:0 0 12px;padding-bottom:16px;border-bottom:1px solid #e2e8e4}aside>label[for=search],aside>label[for=brand]{grid-row:2}aside #search,aside #brand{grid-row:3}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-image img{max-height:100px}.category-title{font-size:12px}.category-all{max-width:160px}.category-other{gap:8px}.category-picker label{margin:0}.category-picker .category-all{margin-bottom:12px}}
@media(min-width:560px) and (max-width:740px){.category-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:340px){.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.category-tile-content{transition:none}}