.qr-page{background:#f6f2e9;color:#233630}
.qr-main{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:150px 0 100px}
.qr-main *{box-sizing:border-box}.qr-main h1,.qr-main h2,.qr-main h3{color:#203d32;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}
.qr-main h1{font-size:clamp(2.3rem,4.4vw,4.3rem);line-height:1.07;margin:18px 0 26px;max-width:760px}.qr-main h2{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.16;margin:10px 0 22px}.qr-main h3{font-size:1.13rem;line-height:1.4;letter-spacing:-.01em}
.qr-main p,.qr-main address{color:#506159;font-size:1.05rem;line-height:1.8}.qr-main p{margin:0 0 16px}.qr-main address{font-style:normal}.qr-main a{color:inherit}.qr-main a:focus-visible,.qr-main summary:focus-visible{outline:3px solid #8b6e38;outline-offset:5px}
.qr-crumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:.83rem;color:#647068;margin-bottom:34px}.qr-crumbs a{text-decoration:none}
.qr-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;margin-bottom:56px}.qr-hero-copy{min-width:0}.qr-logo{width:162px;height:auto;display:block;margin-bottom:28px}
.qr-kicker{display:block;font-size:.73rem;font-weight:650;letter-spacing:.15em;color:#816a3a;line-height:1.7}.qr-main .qr-lead{font-size:1.13rem;max-width:580px}.qr-jump{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 20px}.qr-jump a{border:1px solid #c9b992;border-radius:999px;padding:11px 17px;text-decoration:none;font-size:.87rem;background:#fffaf0;box-shadow:0 4px 0 #d5ccb538;transition:transform .2s,background .2s}.qr-jump a:hover{background:#e8dfc8;transform:translateY(-2px)}.qr-english-link{font-size:.87rem;text-underline-offset:4px}
.qr-product-stage{position:relative;isolation:isolate;min-width:0;margin:0;display:grid;place-items:center;border:1px solid #d4c8ae;border-radius:42px;background:linear-gradient(145deg,#fffdf6,#e8dfc9);box-shadow:0 14px 0 #cbbd9633,0 26px 54px #33412b12;overflow:hidden;padding:26px}
.qr-product-stage>img{position:relative;z-index:1;width:100%;height:365px;object-fit:contain;filter:drop-shadow(0 18px 15px #24382d20)}.qr-halo{position:absolute;width:80%;aspect-ratio:1;border:1px solid #ac946044;border-radius:50%;background:radial-gradient(circle,#ffffffc9,transparent 67%);transform:rotate(-16deg);box-shadow:0 0 0 30px #d2c6a512,0 0 0 65px #d2c6a50c}.qr-product-stage figcaption{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;color:#79613a;margin-top:10px}
.qr-content{max-width:900px;margin:auto}.qr-section{margin-bottom:34px;padding:32px 36px;scroll-margin-top:125px}.qr-use{background:linear-gradient(135deg,#e7ecdf,#f7f5ed);border:1px solid #b6c2ac;border-radius:26px;box-shadow:0 8px 0 #aab99c20,0 20px 44px #30412909}
.qr-ingredients,.qr-english{border:1px solid #c8baa0;border-radius:24px;background:#fffdf7;margin:0 0 34px;overflow:hidden;scroll-margin-top:125px;box-shadow:0 7px 0 #d4c6a525}.qr-ingredients summary,.qr-english>summary{cursor:pointer;padding:25px 36px;font-size:1.16rem;font-weight:550;color:#254636;line-height:1.5}.qr-ingredients>div{padding:0 36px 24px}.qr-ingredients p{font-size:.94rem;overflow-wrap:anywhere}.qr-warning{border-left:3px solid #b29a62;padding-top:12px;padding-bottom:8px}.qr-warning p{font-size:.96rem}
.qr-details{border-top:1px solid #cec2a8}.qr-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:26px}.qr-main .qr-pending{font-size:.82rem;color:#78542e;background:#f2e8d2;border-radius:8px;padding:10px;margin-top:14px}
.qr-english>div{padding:12px 24px 0}.qr-english .qr-section{padding:20px 12px}.qr-english .qr-ingredients{box-shadow:none}.qr-english .qr-use{padding:26px}.qr-english h2{font-size:1.6rem}.qr-next{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:38px;border:1px solid #cabd9e;border-radius:28px;background:linear-gradient(125deg,#ece5d4,#fffdf5);box-shadow:0 8px 0 #cfbf9d30}.qr-next h2{font-size:1.9rem}.qr-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex-shrink:0;font-size:.9rem}.qr-button{display:inline-flex;padding:15px 20px;border:1px solid #b1985e;border-radius:14px;background:linear-gradient(135deg,#e0c98d,#f5ead0);text-decoration:none}
.qr-index-hero{padding:28px 0 52px}.qr-index-hero>p{max-width:600px;font-size:1.16rem}.qr-group{margin-top:38px;scroll-margin-top:130px}.qr-group-heading{border-top:1px solid #cbbd9f;padding:30px 0 16px}.qr-group-heading h2{margin-bottom:10px}.qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.qr-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;border:1px solid #d2c5aa;border-radius:28px;background:linear-gradient(140deg,#fffdf7,#eee7d8);box-shadow:0 9px 0 #cfbf9d30,0 20px 36px #293d2b0b;transition:transform .25s,box-shadow .25s}.qr-card:hover{transform:translateY(-5px);box-shadow:0 13px 0 #cfbf9d25,0 26px 40px #293d2b16}.qr-card-art{display:grid;place-items:center;height:250px;margin:16px 16px 0;border-radius:18px;background:radial-gradient(ellipse,#fffef9 0%,#e6dcc660 72%)}.qr-card-art img{width:88%;height:220px;object-fit:contain;filter:drop-shadow(0 12px 9px #24382d15)}.qr-card-copy{padding:22px 26px 28px;flex:1;display:flex;flex-direction:column}.qr-card h3{font-size:1.5rem;margin:0 0 14px}.qr-card p{font-size:.92rem;line-height:1.7;flex:1}.qr-card-copy>span{font-size:.87rem;color:#796035;margin-top:14px;display:flex;justify-content:space-between;gap:10px}
@media(max-width:900px){.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-hero{gap:26px;grid-template-columns:1fr .8fr}.qr-product-stage>img{height:300px}.qr-next{display:block}.qr-actions{margin-top:24px}}
@media(max-width:640px){.qr-main{width:calc(100% - 36px);padding:130px 0 64px}.qr-crumbs{font-size:.76rem;margin-bottom:22px;gap:8px}.qr-hero{grid-template-columns:1fr;gap:26px;margin-bottom:26px}.qr-logo{width:132px;margin-bottom:22px}.qr-main h1{font-size:2.4rem;margin-bottom:20px}.qr-main .qr-lead{font-size:1.04rem}.qr-jump{gap:8px;margin:22px 0 20px}.qr-jump a{font-size:.8rem;padding:10px 12px}.qr-product-stage{padding:20px;border-radius:28px}.qr-product-stage>img{height:265px}.qr-section{padding:25px 14px;margin-bottom:26px}.qr-use{padding:25px 22px}.qr-ingredients summary,.qr-english>summary{padding:22px;font-size:1.05rem}.qr-ingredients>div{padding:0 22px 20px}.qr-company-grid{grid-template-columns:1fr;gap:10px}.qr-english>div{padding:8px 12px 0}.qr-english .qr-use{padding:20px 16px}.qr-next{padding:26px 22px}.qr-actions{align-items:stretch}.qr-grid{grid-template-columns:1fr;gap:24px}.qr-card-art{height:230px}.qr-card-art img{height:205px}.qr-index-hero{padding:16px 0 24px}.qr-group-heading{padding-top:24px}.qr-group-heading h2{font-size:2rem}.qr-main p,.qr-main address{font-size:1rem;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.qr-main *{transition:none!important;scroll-behavior:auto!important}}
@media print{body.qr-page{background:white!important;color:black!important}body.qr-page> :not(main){display:none!important}.qr-main{width:100%;padding:0}.qr-jump,.qr-crumbs,.qr-next,.qr-english-link,.qr-pending{display:none!important}.qr-hero{display:block;margin-bottom:20px}.qr-product-stage{display:none}.qr-main h1{font-size:28pt}.qr-main h2{font-size:19pt}.qr-section,.qr-ingredients,.qr-english{padding:10px 0;border:0;box-shadow:none;background:white;margin-bottom:16px}.qr-main p,.qr-main address{color:black;font-size:10pt}.qr-main details>*{display:block!important}.qr-main details>summary{font-size:13pt;padding:8px 0}.qr-main h2,.qr-main h3{break-after:avoid}.qr-company-grid{display:block}.qr-logo{width:100px}.qr-main *{text-shadow:none!important;box-shadow:none!important}}
