*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
header{height:62px;padding:0 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #222;position:sticky;top:0;z-index:20;background:rgba(5,5,5,.96)}.logo{font:31px Georgia,serif;letter-spacing:8px}nav{display:flex;gap:32px;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;font-weight:600}.bag{justify-self:end;border:0;background:none;color:#fff;font-size:21px;position:relative}.bag span{position:absolute;right:-7px;top:-5px;background:#fff;color:#000;border-radius:50%;width:16px;height:16px;font-size:8px;display:grid;place-items:center}
.hero{height:525px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.shadeHero{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.2) 65%,rgba(0,0,0,.18))}.heroText{position:absolute;left:6%;top:50%;transform:translateY(-50%)}.heroText small{font-size:12px;letter-spacing:3.5px;color:#d5d5d5}.heroText h1{font:74px Georgia,serif;letter-spacing:9px;margin:18px 0 12px;line-height:1}.heroText h2{font:34px Georgia,serif;letter-spacing:1.6px;line-height:1.35;max-width:520px}.heroText a{display:inline-block;border:1px solid #b7b7b7;padding:16px 24px;margin-top:18px;font-size:12px;letter-spacing:1.5px;font-weight:600}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #222;border-bottom:1px solid #222}.benefits>div{display:flex;gap:14px;align-items:center;justify-content:center;padding:18px 14px;border-right:1px solid #222}.benefits>div:last-child{border:0}.benefits span{font-size:12px;font-weight:600;letter-spacing:.3px}.benefits small{display:block;color:#9a9a9a;margin-top:4px;font-size:11px;font-weight:400}
main{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;padding:20px 2%}.title{display:flex;justify-content:space-between;align-items:end}.title h2{font:36px Georgia,serif;margin:0 0 10px}.title span{font-size:12px;letter-spacing:1.5px;color:#cfcfcf}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cardPhoto{aspect-ratio:3/4;border:1px solid #333;overflow:hidden;position:relative;background:#111}.cardPhoto img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.card:hover img{transform:scale(1.02)}.heart{position:absolute;right:10px;top:8px;font-size:20px}.cardInfo{padding:12px 2px 4px}.cardInfo b{font-size:19px;letter-spacing:.8px;font-weight:700}.tag{font-size:13px;color:#b7b7b7;white-space:normal;line-height:1.45;margin-top:6px;min-height:38px}.price{font-size:26px;margin-top:10px;font-weight:700}.dots{display:flex;gap:7px;margin-top:12px}.dot{width:14px;height:14px;border:1px solid #777;border-radius:50%}.view{width:100%;margin-top:13px;padding:13px;background:none;border:1px solid #777;color:#fff;font-size:12px;letter-spacing:1.2px;font-weight:600}
aside .panel{min-height:275px;border:1px solid #292929;background:#0d0d0d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:12px;padding:22px}.bigA{font:112px Georgia,serif}.panel h3{font:24px Georgia,serif;letter-spacing:1.2px;line-height:1.35;margin:12px 0 0}.box>div{width:180px;height:110px;background:#060606;border:1px solid #333;display:grid;place-items:center;font:22px Georgia,serif;letter-spacing:5px;transform:rotate(-9deg)}.arch{background:linear-gradient(145deg,#1b1b1b,#050505)!important}.arch b{font:22px Georgia,serif;letter-spacing:5px}
footer{text-align:center;border-top:1px solid #222;padding:45px 20px}footer div{font:38px Georgia,serif;letter-spacing:8px}footer p{font:13px Georgia,serif;letter-spacing:2px;color:#aaa}
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:40}.overlay.show{display:block}.cart{position:fixed;right:-450px;top:0;z-index:45;width:min(430px,95vw);height:100vh;background:#f4f2ed;color:#111;transition:.3s;display:flex;flex-direction:column}.cart.open{right:0}.cartHead{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid #ddd;font-size:18px}.cartHead button,.x{border:0;background:none;font-size:26px}.cartItems{flex:1;overflow:auto;padding:15px 20px}.cartLine{display:grid;grid-template-columns:76px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #ddd;align-items:start}.cartLine img{width:76px;height:100px;object-fit:cover}.cartLine b{font-size:16px}.cartLine small{display:block;color:#777;font-size:13px;line-height:1.55;margin-top:6px}.cartLine button{border:0;background:none;align-self:start}.empty{text-align:center;color:#777;padding:60px 0}.cartFoot{padding:18px 20px;border-top:1px solid #ddd}.cartFoot>div{display:flex;justify-content:space-between;margin-bottom:15px}.cartFoot button,.primary{width:100%;background:#050505;color:#fff;border:0;padding:16px 18px;font-size:12px;letter-spacing:1.1px;font-weight:600}
.modal{display:none;position:fixed;inset:0;z-index:60;background:#050505;overflow:auto}.modal.show{display:block}.productPage{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;padding:60px 4% 30px}.x{position:fixed;right:18px;top:12px;color:#fff;z-index:70}.gallery{background:#f5f4ef;display:grid;grid-template-columns:74px 1fr;gap:12px;padding:24px}.thumbs{display:flex;flex-direction:column;gap:8px}.thumb{height:90px;border:1px solid #ccc;padding:0;background:#ddd;cursor:pointer}.thumb.active{outline:2px solid #111}.mainImg{min-height:650px;background:#111}.details{background:#fff;color:#111;padding:42px 48px}.details>small{color:#777;font-size:14px;letter-spacing:.3px}.details h1{font:52px Georgia,serif;margin:14px 0 6px;line-height:1}.details h2{font-size:22px;margin:18px 0 10px}.stars{font-size:16px}.stars span{font-size:14px;color:#555}.details p{font-size:16px;line-height:1.75;max-width:560px}.details ul{font-size:16px;line-height:2.1;padding-left:20px}.details label{display:block;font-size:14px;font-weight:bold;margin:22px 0 12px;letter-spacing:.4px}.colors,.sizes{display:flex;gap:12px}.colorBtn{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #999}.colorBtn.active{box-shadow:0 0 0 2px #111}.sizeBtn{width:52px;height:44px;border:1px solid #ccc;background:#fff;font-size:18px}.sizeBtn.active{background:#111;color:#fff}.details .primary{margin-top:22px}
.checkout{background:#efede8}.checkoutPage{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;color:#111}.dark{color:#111}.checkoutPage>section{background:#fff;padding:65px 7%}.checkoutPage>section h1{font:38px Georgia,serif}.checkoutPage>aside{padding:65px 35px}.checkoutPage>aside h2{font:23px Georgia,serif}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label{font-size:13px;font-weight:600}.fields input{width:100%;padding:14px;border:1px solid #ccc;margin-top:8px;font-size:15px}.wide{grid-column:1/-1}#form .primary{margin-top:18px}.summaryLine{display:grid;grid-template-columns:62px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #ccc;align-items:center}.summaryLine img{width:62px;height:80px;object-fit:cover}.summaryLine b{font-size:14px}.summaryLine small{display:block;font-size:13px;color:#777}.sumTotal{display:flex;justify-content:space-between;margin-top:18px}.pixPanel{display:none;margin-top:25px}.pixPanel.show{display:block}.pixPanel{text-align:center}.pixPanel h2,.pixPanel b{text-align:left;display:block}.pixCode{font-size:12px;word-break:break-all;text-align:left;background:#f5f5f5;border:1px solid #ddd;padding:12px;margin:14px 0;line-height:1.5}.pixPanel button{width:100%;padding:12px;background:#fff;border:1px solid #aaa}
@media(max-width:1000px){main{grid-template-columns:1fr}main>aside{display:none}.grid{grid-template-columns:repeat(2,1fr)}.productPage{grid-template-columns:1fr;padding:55px 14px}.checkoutPage{grid-template-columns:1fr}.checkoutPage>aside{order:-1;padding:55px 24px 20px}}
@media(max-width:700px){header{grid-template-columns:1fr auto;height:60px;padding:0 15px}nav{display:none}.logo{font-size:23px}.hero{height:560px}.hero>img{object-position:64% top}.shadeHero{background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 66%)}.heroText{left:22px;right:20px;top:auto;bottom:38px;transform:none}.heroText small{font-size:10px}.heroText h1{font-size:48px}.heroText h2{font-size:26px}.heroText a{font-size:11px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits>div{padding:14px}.benefits span{font-size:11px}.benefits small{font-size:10px}.title h2{font-size:28px}.title span{font-size:11px}.cardInfo b{font-size:16px}.tag{font-size:12px;min-height:auto}.price{font-size:22px}.mainImg{min-height:470px}.details{padding:28px 22px}.details>small{font-size:12px}.details h1{font-size:38px}.details p,.details ul{font-size:14px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}}

.thumb img,.mainImg img{width:100%;height:100%;object-fit:cover;display:block}.cardPhoto,.view,.colorBtn,.sizeBtn,.thumb{cursor:pointer}.cardPhoto{z-index:1}.view{position:relative;z-index:2}

.cardPhoto img,.mainImg img,.thumb img{transition:opacity .2s ease,transform .25s ease}.card:hover .cardPhoto img{transform:scale(1.012)}.view:hover,.heroText a:hover{background:#fff;color:#000;border-color:#fff}.colorBtn,.sizeBtn,.view,.heroText a{cursor:pointer}.details h1{letter-spacing:.5px}.price{letter-spacing:.2px}