/* Cart page. Ported from design-src/cart/page.css (approved-direction mockup). */

/* ===== cart ===== */
.cart-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:64px;align-items:start;padding-top:44px;padding-bottom:100px}
.items-head{display:grid;grid-template-columns:1fr 132px 100px;gap:24px;padding:0 0 14px;border-bottom:1px solid var(--gold-soft);color:var(--brown-mid);font-size:10px}
.items-head span:last-child{text-align:right}
#lines{list-style:none}
.cline{display:grid;grid-template-columns:132px 1fr 132px 100px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--gold-soft);transition:opacity .3s}
.cline.out{opacity:0}
.thumb{aspect-ratio:1;overflow:hidden;background:var(--linen)}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.thumb:hover img{transform:scale(1.05)}
.info .name{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.15;color:var(--brown)}
.info .name:hover{color:var(--gold-deep)}
.info .ref{display:block;color:var(--gold-deep);margin:4px 0 12px}
.attrs{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px;color:var(--brown)}
.attrs span{color:var(--brown-mid)}
.unit{display:flex;gap:18px;align-items:center;margin-top:12px;font-size:14px;color:var(--brown-mid)}
.cline .qty{justify-self:start}
.cline .qty input{padding:11px 0}
.lt{text-align:right;font-family:var(--serif);font-size:24px;font-weight:500;color:var(--brown)}
.below{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;flex-wrap:wrap}
.back{color:var(--brown);border-bottom:1px solid var(--gold);padding-bottom:3px}
.back:hover{color:var(--gold-deep)}
.coupon{display:flex;align-items:center}
.coupon label{color:var(--brown);margin-right:14px}
.coupon input{height:48px;width:200px;border:1px solid var(--gold-soft);border-right:0;padding:0 14px;font:inherit;font-size:14px;color:var(--brown);outline:none;border-radius:0}
.coupon input:focus{border-color:var(--gold)}
.coupon .btn{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;padding:0 22px;height:48px}

.sum{background:var(--ivory);border-top:3px solid var(--gold);padding:36px 34px 30px;position:sticky;top:116px;box-shadow:0 40px 70px -50px rgba(47,36,31,.45)}
.sum h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1;color:var(--brown);margin-bottom:18px}
.sum h2 em{font-style:italic}
.sum .rows .muted{font-weight:500;color:var(--brown-mid)}
.ship{border:0;border-top:1px solid #dccfb9;border-bottom:1px solid #dccfb9;padding:16px 0 14px;margin:8px 0}
.ship legend{float:left;width:100%;color:var(--brown);margin-bottom:12px}
.ship legend span{color:var(--brown-mid);letter-spacing:.1em}
.ship-note{font-size:12px;color:var(--brown-mid);margin-top:10px}
.sum .btn.go{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;padding:19px}
.btn.go svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;margin-top:-2px}
.sum .trust{margin-top:24px}
.sum .trust li{font-size:13px}

.empty{text-align:center;padding:140px 16px 100px}
.empty .script{font-family:var(--script);font-size:54px;line-height:1.1;color:var(--brown)}
.empty p{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--brown-mid);max-width:620px;margin:18px auto 30px;line-height:1.4}
.empty p .caps{display:block;font-family:var(--sans);font-style:normal;color:var(--gold-deep);margin-top:12px}
.empty .btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

.related{background:var(--linen)}
.related .grid{grid-template-columns:repeat(3,1fr)}

@media (max-width:1060px){
  .cart-main{grid-template-columns:1fr;gap:44px}
  .sum{position:static}
  .related .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .items-head{display:none}
  .cline{grid-template-columns:96px 1fr auto;grid-template-areas:"t i i" "t q p";gap:10px 16px;align-items:start;padding:22px 0}
  .thumb{grid-area:t}.info{grid-area:i}.cline .qty{grid-area:q;align-self:center}.lt{grid-area:p;align-self:center;font-size:21px}
  .info .name{font-size:21px}.info .ref{margin:2px 0 8px}
  .attrs{font-size:13px;gap:2px 12px}
  .unit{margin-top:8px;font-size:13px}
  .below{flex-direction:column-reverse;align-items:stretch}
  .coupon input{flex:1;width:auto}
  .back{align-self:center}
  .sum{padding:30px 20px 24px}
}

/* ===== theme additions ===== */
.cart-page > .woocommerce{min-height:200px}
.woocommerce-cart-form .update-cart{display:none}
.no-js .woocommerce-cart-form .update-cart{display:inline-block}
.cline .quantity input{width:44px;border:0;text-align:center;font:600 15px var(--sans);color:var(--brown);outline:none;padding:11px 0;-moz-appearance:textfield;appearance:textfield}
.cline .quantity input::-webkit-inner-spin-button,.cline .quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.info .unit .amount{color:var(--brown-mid)}
.lt .amount{white-space:nowrap}
.sum .rows li span small{display:block}
.sum .cart-discount b{color:var(--gold-deep)}
.sum .cart-discount a{font-size:12px;color:var(--brown-mid);border-bottom:1px solid var(--gold-soft);margin-left:6px}
.ship label.ropt input{position:static}
.ship .woocommerce-shipping-methods{display:block}
.cart-empty.empty{padding-top:80px}
.blockUI.blockOverlay{background:rgba(251,248,243,.7)!important}
@media (max-width:760px){.cline .quantity{grid-area:q;align-self:center}}
.woocommerce-cart .woocommerce-message .button{display:none}