:root{
  --ink:#0f0c09;
  --ink-2:#191410;
  --ivory:#f7f1e4;
  --ivory-dim:#e9e0cc;
  --gold:#c6a15b;
  --gold-bright:#e3c07f;
  --gold-deep:#8a6a2f;
  --oxblood:#5e2a24;
  --line: rgba(198,161,91,0.28);
  --shadow: 0 20px 60px rgba(0,0,0,0.35);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--ink);
  color:var(--ivory);
  font-family:'Jost', sans-serif;
  font-weight:300;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
[lang-am]{font-family:'Noto Sans Ethiopic','Jost',sans-serif;}
.serif{font-family:'Cormorant Garamond', serif;}
.serif-am{font-family:'Noto Serif Ethiopic', serif;}
.script{font-family:'Petit Formal Script', cursive; font-weight:400;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit; cursor:pointer; background:none; border:none; color:inherit;}
img{display:block; max-width:100%;}

::selection{background:var(--gold); color:var(--ink);}

/* ---------- utility ---------- */
.wrap{max-width:1240px; margin:0 auto; padding:0 32px;}
.eyebrow{
  font-size:11px; letter-spacing:.28em; text-transform:uppercase;
  color:var(--gold); font-family:'Jost',sans-serif; font-weight:500;
}
.signature-rule{
  display:inline-block; width:64px; height:1px; background:var(--gold);
  position:relative; margin:18px 0;
}
.signature-rule::after{
  content:'';
  position:absolute; right:-6px; top:-3px; width:7px; height:7px;
  border-radius:50%; background:var(--gold);
}
.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 34px; border:1px solid var(--gold);
  font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--ivory); transition:all .45s cubic-bezier(.2,.8,.2,1);
  position:relative; overflow:hidden;
}
.btn span{position:relative; z-index:2;}
.btn::before{
  content:''; position:absolute; inset:0; background:var(--gold);
  transform:translateX(-101%); transition:transform .45s cubic-bezier(.2,.8,.2,1); z-index:1;
}
.btn:hover::before{transform:translateX(0);}
.btn:hover{color:var(--ink);}
.btn-solid{background:var(--gold); color:var(--ink); border-color:var(--gold);}
.btn-solid::before{background:var(--ivory);}
.btn-solid:hover{color:var(--ink);}
.btn-ghost{border-color:rgba(247,241,228,0.3);}
.btn-ghost::before{background:var(--ivory);}

.fade-in{opacity:0; transform:translateY(28px); transition:opacity .9s ease, transform .9s ease;}
.fade-in.in{opacity:1; transform:translateY(0);}

/* ---------- nav ---------- */
#nav{
  position:fixed; top:0; left:0; right:0; z-index:500;
  display:flex; align-items:center; justify-content:space-between;
  padding:26px 40px; transition:all .5s ease;
  background:transparent;
}
#nav.solid{
  background:rgba(15,12,9,0.92); backdrop-filter:blur(10px);
  padding:16px 40px; border-bottom:1px solid var(--line);
}
.logo{
  font-family:'Cormorant Garamond', serif;
  display:flex; align-items:baseline; gap:10px;
  line-height:1;
}
.logo .am{font-family:'Noto Serif Ethiopic',serif; font-size:22px; color:var(--gold);}
.brand-mark{display:inline-flex; align-items:baseline; gap:10px; white-space:nowrap;}
.brand-script{
  font-family:'Petit Formal Script', cursive;
  font-size:34px;
  font-weight:400;
  color:var(--gold);
  text-shadow:0 0 20px rgba(198,161,91,0.2);
}
.brand-am{
  position:relative;
  font-family:'Noto Serif Ethiopic', serif;
  font-size:25px;
  font-style:oblique;
  font-weight:600;
  color:var(--gold);
  letter-spacing:.01em;
  display:inline-block;
  transform:skewX(-10deg) rotate(-1deg);
  text-shadow:0 0 20px rgba(198,161,91,0.22);
}
.nav-center{display:flex; gap:38px;}
.nav-center a{
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--ivory-dim);
  position:relative; padding-bottom:4px;
}
.nav-center a::after{
  content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--gold);
  transition:width .35s ease;
}
.nav-center a:hover::after, .nav-center a.active::after{width:100%;}
.nav-center a.active{color:var(--gold);}
.nav-right{display:flex; align-items:center; gap:22px;}
.icon-btn{position:relative; opacity:.9;}
.icon-btn:hover{opacity:1; color:var(--gold);}
.badge{
  position:absolute; top:-8px; right:-10px; background:var(--gold); color:var(--ink);
  font-size:9px; width:16px; height:16px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-family:'Jost'; font-weight:600;
}
.lang-switch{
  display:flex; border:1px solid var(--line); border-radius:20px; overflow:hidden; font-size:11px;
}
.lang-switch button{padding:6px 12px; letter-spacing:.08em;}
.lang-switch button.active{background:var(--gold); color:var(--ink);}
.burger{display:none;}

/* ---------- mobile nav ---------- */
#mobile-menu{
  position:fixed; inset:0; background:var(--ink); z-index:600;
  display:none; flex-direction:column; padding:100px 40px; gap:26px;
}
#mobile-menu.open{display:flex;}
#mobile-menu #mobile-links{
  display:flex; flex-direction:column; gap:26px;
}
#mobile-menu a{
  font-family:'Cormorant Garamond',serif; font-size:28px; color:var(--ivory);
  display:block;
}
#mobile-menu a:hover{color:var(--gold);}
#mobile-menu .close-x{position:absolute; top:30px; right:34px; font-size:26px; cursor:pointer;}

/* ---------- hero ---------- */
.hero{
  min-height:100vh; position:relative; display:flex; align-items:center;
  background:
    radial-gradient(ellipse at 75% 30%, rgba(198,161,91,0.14), transparent 55%),
    linear-gradient(180deg, #0f0c09 0%, #14100b 100%);
  overflow:hidden;
}
.hero-grain{
  position:absolute; inset:0; pointer-events:none; opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero-inner{
  display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:40px;
  width:100%;
}
.hero-copy .eyebrow{margin-bottom:22px; display:block;}
.hero-copy h1{
  font-family:'Cormorant Garamond', serif; font-weight:500;
  font-size:clamp(42px,6.4vw,84px); line-height:1.02; letter-spacing:.01em;
}
.hero-copy h1 em{
  font-style:normal; font-family:'Petit Formal Script'; color:var(--gold);
  font-size:1.12em; padding:0 6px;
}
.hero-title .hero-brand-script{
  display:inline-block;
  font-family:'Petit Formal Script', cursive;
  font-size:1.18em;
  font-weight:400;
  color:var(--ivory);
  text-shadow:0 0 28px rgba(255,248,229,0.16);
}
.hero-title .hero-brand-am{
  position:relative;
  display:inline-block;
  font-family:'Noto Serif Ethiopic', serif;
  font-size:.96em;
  font-style:oblique;
  font-weight:600;
  color:var(--ivory);
  letter-spacing:0;
  transform:skewX(-11deg) rotate(-1.5deg);
  text-shadow:0 0 28px rgba(255,248,229,0.16);
}
.brand-am::after,
.hero-title .hero-brand-am::after{
  content:'';
  position:absolute;
  left:.08em;
  right:.04em;
  bottom:-.12em;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
  transform:skewX(-18deg);
}
.hero-copy p{
  max-width:440px; margin-top:26px; color:var(--ivory-dim); font-size:16px; line-height:1.8;
}
.hero-ctas{display:flex; gap:16px; margin-top:42px; flex-wrap:wrap;}
.hero-visual{position:relative;}
.hero-frame{
  position:relative; border:1px solid var(--line); padding:14px;
}
.hero-frame img{width:100%; height:560px; object-fit:cover; filter:saturate(1.05) contrast(1.02);}
.hero-tag{
  position:absolute; left:-26px; bottom:40px; background:var(--ink);
  border:1px solid var(--gold); padding:18px 22px; width:220px; box-shadow:var(--shadow);
}
.hero-tag .serif{font-size:15px; color:var(--gold);}
.hero-tag p{font-size:11px; color:var(--ivory-dim); margin-top:6px; letter-spacing:.03em;}
.scroll-cue{
  position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:10px; font-size:10px;
  letter-spacing:.24em; text-transform:uppercase; color:var(--ivory-dim);
}
.scroll-cue .line{width:1px; height:38px; background:linear-gradient(var(--gold), transparent); animation:pulse 2.2s infinite;}
@keyframes pulse{0%,100%{opacity:.3} 50%{opacity:1}}

/* ---------- section shell ---------- */
section{padding:120px 0;}
.section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:64px; flex-wrap:wrap;}
.section-head h2{font-family:'Cormorant Garamond', serif; font-size:clamp(32px,4vw,52px); font-weight:500;}
.section-head p{max-width:380px; color:var(--ivory-dim); font-size:14.5px; line-height:1.8;}

/* ---------- product grid ---------- */
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:28px;}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.card{
  position:relative; background:var(--ink-2); border:1px solid var(--line);
  cursor:pointer; transition:transform .5s ease, border-color .5s ease;
}
.card:hover{transform:translateY(-8px); border-color:var(--gold);}
.card-img{aspect-ratio:4/5; overflow:hidden; position:relative;}
.card-img img{width:100%; height:100%; object-fit:cover; transition:transform .8s ease;}
.card:hover .card-img img{transform:scale(1.08);}
.card-flag{
  position:absolute; top:14px; left:14px; background:var(--ink); border:1px solid var(--gold);
  color:var(--gold); font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; padding:6px 10px;
}
.card-wish{
  position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%;
  background:rgba(15,12,9,0.7); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line); transition:all .3s ease;
}
.card-wish:hover, .card-wish.active{background:var(--gold); border-color:var(--gold);}
.card-wish svg{width:15px; height:15px; stroke:var(--ivory);}
.card-wish.active svg{stroke:var(--ink); fill:var(--ink);}
.card-body{padding:22px 20px 24px;}
.card-body .cat{font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; display:block;}
.card-body h3{font-family:'Cormorant Garamond',serif; font-size:21px; font-weight:500;}
.card-body .meta{font-size:12px; color:var(--ivory-dim); margin-top:6px;}
.card-body .price{margin-top:14px; font-family:'Cormorant Garamond',serif; font-size:19px; color:var(--gold);}
.card-cta{
  margin-top:16px; display:flex; gap:10px;
}
.mini-btn{
  flex:1; text-align:center; padding:10px 8px; border:1px solid var(--line); font-size:10.5px;
  letter-spacing:.12em; text-transform:uppercase; transition:all .3s ease;
}
.mini-btn:hover{border-color:var(--gold); color:var(--gold);}

/* ---------- filter bar ---------- */
.filter-bar{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:44px;}
.chip{
  padding:9px 20px; border:1px solid var(--line); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ivory-dim); transition:all .3s ease;
}
.chip.active, .chip:hover{border-color:var(--gold); color:var(--gold);}

/* ---------- editorial / about strip ---------- */
.strip{background:var(--ink-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.strip-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:0;}
.strip-item{padding:56px 40px; border-right:1px solid var(--line); text-align:center;}
.strip-item:last-child{border-right:none;}
.strip-item .num{font-family:'Petit Formal Script'; color:var(--gold); font-size:34px;}
.strip-item h4{font-family:'Cormorant Garamond',serif; font-size:19px; margin-top:10px;}
.strip-item p{font-size:12.5px; color:var(--ivory-dim); margin-top:8px; line-height:1.7;}

/* ---------- reviews ---------- */
.review-card{
  border:1px solid var(--line); padding:36px 30px; background:var(--ink-2);
}
.stars{color:var(--gold); font-size:14px; letter-spacing:2px;}
.review-card p{font-family:'Cormorant Garamond',serif; font-size:18px; line-height:1.7; margin:18px 0; font-style:italic;}
.review-card .who{font-size:12px; color:var(--gold); letter-spacing:.06em;}

/* ---------- newsletter ---------- */
.newsletter{
  background:linear-gradient(120deg, var(--ink-2), var(--ink));
  border:1px solid var(--line); padding:80px 60px; text-align:center; position:relative;
}
.newsletter h2{font-family:'Cormorant Garamond',serif; font-size:clamp(30px,4vw,46px);}
.newsletter p{color:var(--ivory-dim); margin-top:14px; max-width:460px; margin-left:auto; margin-right:auto; font-size:14.5px;}
.n-form{display:flex; max-width:420px; margin:34px auto 0; border-bottom:1px solid var(--gold);}
.n-form input{
  flex:1; background:transparent; border:none; padding:12px 4px; color:var(--ivory); font-size:14px;
}
.n-form input::placeholder{color:var(--ivory-dim);}
.n-form button{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold);}

/* ---------- footer ---------- */
footer{padding:80px 0 30px; border-top:1px solid var(--line);}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:60px;}
.foot-grid h5{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:20px;}
.foot-grid li{margin-bottom:12px; font-size:13.5px; color:var(--ivory-dim);}
.foot-grid li a:hover{color:var(--gold);}
.foot-bottom{
  display:flex; justify-content:space-between; align-items:center; padding-top:30px;
  border-top:1px solid var(--line); font-size:11.5px; color:var(--ivory-dim); flex-wrap:wrap; gap:12px;
}

/* ---------- breadcrumb / page header ---------- */
.page-head{padding:170px 0 60px; border-bottom:1px solid var(--line); text-align:center;}
.page-head .eyebrow{justify-content:center; display:flex;}
.page-head h1{font-family:'Cormorant Garamond',serif; font-size:clamp(36px,5vw,58px); margin-top:14px;}
.crumb{margin-top:16px; font-size:12px; color:var(--ivory-dim);}
.crumb a:hover{color:var(--gold);}

/* ---------- product detail ---------- */
.pd{display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-top:150px;}
.pd-gallery-main{border:1px solid var(--line); aspect-ratio:1/1; overflow:hidden;}
.pd-gallery-main img{width:100%; height:100%; object-fit:cover;}
.pd-thumbs{display:flex; gap:12px; margin-top:14px;}
.pd-thumbs div{width:70px; height:70px; border:1px solid var(--line); overflow:hidden; cursor:pointer;}
.pd-thumbs div.active{border-color:var(--gold);}
.pd-thumbs img{width:100%; height:100%; object-fit:cover;}
.pd-info .cat{color:var(--gold); font-size:11px; letter-spacing:.16em; text-transform:uppercase;}
.pd-info h1{font-family:'Cormorant Garamond',serif; font-size:42px; margin-top:14px; font-weight:500;}
.pd-info .price-row{display:flex; align-items:baseline; gap:14px; margin-top:18px;}
.pd-info .price{font-family:'Cormorant Garamond',serif; font-size:28px; color:var(--gold);}
.pd-stars{margin-top:10px;}
.pd-desc{margin-top:24px; color:var(--ivory-dim); line-height:1.85; font-size:14.5px;}
.spec-table{margin-top:30px; border-top:1px solid var(--line);}
.spec-row{display:flex; justify-content:space-between; padding:14px 0; border-bottom:1px solid var(--line); font-size:13.5px;}
.spec-row span:first-child{color:var(--ivory-dim);}
.spec-row span:last-child{color:var(--gold);}
.qty-row{display:flex; align-items:center; gap:20px; margin-top:32px;}
.qty-box{display:flex; align-items:center; border:1px solid var(--line);}
.qty-box button{padding:10px 16px;}
.qty-box span{padding:0 16px; font-size:14px;}
.pd-actions{display:flex; gap:14px; margin-top:32px;}
.pd-note{margin-top:26px; padding:16px 18px; border:1px dashed var(--line); font-size:12.5px; color:var(--ivory-dim); line-height:1.7;}

/* ---------- cart / wishlist ---------- */
.cart-row{
  display:grid; grid-template-columns:100px 1.6fr 1fr 1fr 40px; gap:20px; align-items:center;
  padding:24px 0; border-bottom:1px solid var(--line);
}
.cart-row img{width:100px; height:100px; object-fit:cover; border:1px solid var(--line);}
.cart-row h4{font-family:'Cormorant Garamond',serif; font-size:18px;}
.cart-row .cat{font-size:11px; color:var(--gold); text-transform:uppercase; letter-spacing:.1em; margin-top:4px;}
.remove-x{color:var(--ivory-dim); font-size:18px;}
.remove-x:hover{color:var(--oxblood);}
.cart-summary{border:1px solid var(--line); padding:34px; background:var(--ink-2);}
.sum-row{display:flex; justify-content:space-between; padding:12px 0; font-size:14px; color:var(--ivory-dim);}
.sum-row.total{border-top:1px solid var(--line); margin-top:10px; padding-top:20px; color:var(--ivory); font-size:17px; font-family:'Cormorant Garamond',serif;}
.empty-state{text-align:center; padding:100px 20px;}
.empty-state .script{font-size:40px; color:var(--gold); display:block; margin-bottom:14px;}
.empty-state p{color:var(--ivory-dim); margin-bottom:30px;}

/* ---------- search ---------- */
.search-hero{padding:170px 0 60px; text-align:center;}
.search-input-row{max-width:560px; margin:30px auto 0; display:flex; border-bottom:1px solid var(--gold); align-items:center; gap:14px;}
.search-input-row input{flex:1; background:transparent; border:none; color:var(--ivory); font-family:'Cormorant Garamond',serif; font-size:22px; padding:12px 0;}
.search-input-row input::placeholder{color:var(--ivory-dim);}

/* ---------- about ---------- */
.about-hero{padding:170px 0 0;}
.about-split{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center;}
.about-split img{width:100%; height:520px; object-fit:cover; border:1px solid var(--line);}
.about-split h2{font-family:'Cormorant Garamond',serif; font-size:40px; font-weight:500;}
.about-split p{color:var(--ivory-dim); margin-top:20px; line-height:1.9; font-size:14.5px;}
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:100px;}
.value-card{border:1px solid var(--line); padding:40px 30px;}
.value-card .script{font-size:30px; color:var(--gold); display:block; margin-bottom:16px;}
.value-card h4{font-family:'Cormorant Garamond',serif; font-size:19px; margin-bottom:10px;}
.value-card p{font-size:13px; color:var(--ivory-dim); line-height:1.7;}

/* ---------- contact ---------- */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-top:150px;}
.contact-info li{display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--line); align-items:flex-start;}
.contact-info .lbl{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); min-width:90px;}
.contact-info .val{font-size:14.5px; color:var(--ivory-dim); line-height:1.7;}
.form-group{margin-bottom:24px;}
.form-group label{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:10px;}
.form-group input, .form-group textarea{
  width:100%; background:transparent; border:none; border-bottom:1px solid var(--line);
  color:var(--ivory); padding:10px 2px; font-family:'Jost'; font-size:14px;
}
.form-group input:focus, .form-group textarea:focus{outline:none; border-color:var(--gold);}
.map-frame{border:1px solid var(--line); margin-top:34px; height:220px; position:relative; overflow:hidden;}

/* ---------- collections ---------- */
.coll-hero-card{
  position:relative; height:420px; overflow:hidden; border:1px solid var(--line); display:flex; align-items:flex-end;
}
.coll-hero-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.55; transition:transform .8s ease;}
.coll-hero-card:hover img{transform:scale(1.06);}
.coll-hero-card .overlay{position:relative; z-index:2; padding:32px; background:linear-gradient(0deg, rgba(15,12,9,0.92), transparent 80%); width:100%;}
.coll-hero-card h3{font-family:'Cormorant Garamond',serif; font-size:28px;}
.coll-hero-card p{font-size:12.5px; color:var(--ivory-dim); margin-top:8px;}
.coll-2col{display:grid; grid-template-columns:1.3fr 1fr; gap:26px; margin-bottom:26px;}

/* Hover effect to show model wearing jewelry */
.jewelry-showcase {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.jewelry-showcase img.jewelry-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.5s ease;
}
.jewelry-showcase img.model-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.jewelry-showcase:hover img.model-img {
  opacity: 1;
}
.hero-frame .jewelry-showcase {
  width: 100%;
  height: 560px;
}
.hero-frame .jewelry-showcase img {
  filter: saturate(1.05) contrast(1.02);
}
.coll-hero-card .jewelry-showcase {
  position: absolute;
  inset: 0;
}
.card-img .jewelry-showcase {
  width: 100%;
  height: 100%;
}
.card-img .jewelry-showcase img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* toast */
#toast{
  position:fixed; bottom:30px; left:50%; transform:translateX(-50%) translateY(20px); z-index:900;
  background:var(--gold); color:var(--ink); padding:14px 26px; font-size:12.5px; letter-spacing:.06em;
  opacity:0; transition:all .4s ease; pointer-events:none;
}
#toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

/* page transition */
#page{animation:pagein .6s ease;}
@keyframes pagein{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);}}

/* responsive */
@media(max-width:980px){
  .nav-center{display:none;}
  .burger{display:block;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-visual{order:-1;}
  .hero-frame img{height:420px;}
  .hero-tag{left:10px; bottom:-20px; width:auto;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .strip-grid{grid-template-columns:1fr;}
  .strip-item{border-right:none; border-bottom:1px solid var(--line);}
  .pd{grid-template-columns:1fr; gap:40px; padding-top:120px;}
  .about-split{grid-template-columns:1fr;}
  .about-split img{height:320px;}
  .value-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr; padding-top:120px;}
  .foot-grid{grid-template-columns:1fr 1fr; row-gap:36px;}
  .coll-2col{grid-template-columns:1fr;}
  .cart-row{grid-template-columns:70px 1fr; grid-template-areas:"img title" "img price" "img qty"; row-gap:6px;}
  .newsletter{padding:60px 26px;}
}
@media(max-width:600px){
  .wrap{padding:0 20px;}
  #nav{padding:20px 20px;}
  .brand-mark{gap:7px;}
  .brand-script{font-size:27px;}
  .brand-am{font-size:20px;}
  .hero-title .hero-brand-script{font-size:1.05em;}
  .hero-title .hero-brand-am{font-size:.86em;}
  section{padding:80px 0;}
  .grid-4{grid-template-columns:1fr; gap:20px;}
  .grid-3{grid-template-columns:1fr; gap:20px;}
  .card-body{padding:16px 14px 18px;}
  .foot-grid{grid-template-columns:1fr;}
  .hero-frame img{height:500px;}
  .hero-copy h1{font-size:38px !important;}
}