*{box-sizing:border-box}body{margin:0;background:#f0f0ed;color:#171717;font-family:Georgia,"Yu Mincho",serif}button,input{font:inherit}button{cursor:pointer}.fiction{padding:7px 20px;background:#000;color:#fff;font:10px Arial}.fiction a{float:right;color:#fff}.shop-head{height:94px;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;padding:0 3vw;background:#ffd931;border-bottom:2px solid;font-family:Arial}.logo{font-weight:900;line-height:.8}.shop-head nav{display:flex}.shop-head nav button{padding:10px;border:0;background:transparent;font-size:11px}.shop-head nav button.active{text-decoration:underline 3px}.shop-head label{justify-self:end;padding:10px 15px;border-bottom:1px solid}.shop-head input{border:0;background:transparent}.shop-head>button{margin-left:20px;padding:13px;border:2px solid;background:#fff}.shop-window{min-height:760px;display:flex;align-items:flex-end;justify-content:space-between;padding:6vw;background:linear-gradient(0deg,#26160dbb,transparent 65%),url("../images/showcase-online-shop-hero.png") center/cover;color:#fff}.shop-window h1{font:400 clamp(68px,11vw,150px)/.82 Georgia;margin:.2em 0;letter-spacing:-.06em}.shop-window small{font:10px Arial;letter-spacing:.2em}.window-note{padding:25px;border:2px solid #fff;border-radius:50%;transform:rotate(8deg);text-align:center}.catalog{padding:8vw 3vw}.catalog>header{display:flex;justify-content:space-between;align-items:end}.catalog h2{font:400 clamp(48px,7vw,90px)/1 Georgia}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{display:flex;flex-direction:column;min-height:470px;padding:14px;background:#fff;border-radius:26px;cursor:pointer}.product:nth-child(3n+2){background:#d8e1cf}.product:nth-child(3n){background:#ffd931}.product figure{height:270px;margin:0;border-radius:18px;background:url("../images/showcase-online-shop-hero.png") center/cover}.product:nth-child(2) figure{background-position:20% center}.product:nth-child(3) figure{background-position:80% center}.product:nth-child(4) figure{background-position:center 20%}.product article{padding:18px 8px}.product h3{font-size:22px;font-weight:400}.product small{font:10px Arial}.product strong{margin-top:auto;padding:10px}.gift{display:grid;grid-template-columns:.7fr 1.3fr;padding:9vw;background:#5433eb;color:#fff}.gift-stamp{width:240px;height:240px;display:grid;place-items:center;border:3px solid;border-radius:50%;font:900 35px/1 Arial;text-align:center;transform:rotate(-7deg)}.gift h2{font-size:clamp(48px,7vw,92px);font-weight:400;line-height:1}.service-notes{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.service-notes details{min-height:260px;padding:40px;border-right:1px solid}.service-notes summary{font-size:24px}.service-notes p{margin-top:50px}.cart{position:fixed;z-index:6;top:0;right:0;width:min(460px,100%);height:100vh;padding:30px;background:#ffd931;color:#000;transform:translateX(100%);transition:transform .3s;box-shadow:-15px 0 50px #0004}.cart.open{transform:none}.cart header{display:flex;justify-content:space-between}.cart header h2{font-size:42px}.cart header button,.close{width:44px;height:44px;border:2px solid;background:#fff;border-radius:50%}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:18px 0;border-top:1px solid}.cart-line button{border:0;background:transparent}.cart dl>div{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid}.cart dd{margin:0}.checkout{width:100%;padding:17px;border:0;background:#000;color:#fff}.cart>p{font:10px Arial}dialog{width:min(900px,94vw);padding:0;border:0;border-radius:28px}dialog::backdrop{background:#0008}dialog[open]{display:grid;grid-template-columns:1fr 1fr}.close{position:absolute;right:15px;top:15px}.quick figure,dialog figure{min-height:560px;margin:0;background:url("../images/showcase-online-shop-hero.png") center/cover}dialog article{padding:60px 40px}dialog h2{font-size:45px;font-weight:400}dialog strong{display:block;font-size:27px}dialog label{display:block;margin:25px 0}dialog input{width:70px;padding:10px}#quick-add{width:100%;padding:16px;border:0;background:#5433eb;color:#fff}@media(max-width:760px){.shop-head{grid-template-columns:1fr auto}.shop-head nav,.shop-head label{display:none}.shop-window{min-height:700px;padding:50px 20px}.shop-window h1{font-size:72px}.window-note{display:none}.catalog{padding:70px 14px}.products{grid-template-columns:1fr 1fr}.product{min-height:390px}.product figure{height:200px}.gift{grid-template-columns:1fr;padding:80px 22px;gap:50px}.gift-stamp{width:170px;height:170px}.service-notes{grid-template-columns:1fr}.service-notes details{min-height:0;border-bottom:1px solid}dialog[open]{display:block}dialog figure{min-height:350px}dialog article{padding:40px 24px}.products .product h3{font-size:18px}}