online order

/* ===== Layout ===== */
.gc-order .gc-wrap{max-width:1200px;margin:0 auto;padding:16px;display:grid;grid-template-columns:240px 1fr 280px;gap:18px}
@media (max-width:1100px){ .gc-order .gc-wrap{grid-template-columns:1fr} .gc-left,.gc-right{position:static} }

/* left nav */
.gc-left{position:sticky; top:92px; align-self:start}
.gc-left h3{margin:0 0 10px; font-weight:900}
.gc-catnav{display:grid; gap:6px}
.gc-catnav a{display:block; padding:10px 12px; border-radius:10px; text-decoration:none; background:#f4f5f7; color:#111; border:1px solid #e7e7ea}
.gc-catnav a:hover{background:#eef0f3}

/* right mini cart */
.gc-right{position:sticky; top:92px; align-self:start}
.gc-card{background:#fff; border:1px solid #e7e7ea; border-radius:14px; padding:12px; box-shadow:0 8px 24px rgba(0,0,0,.06)}
.gc-card h3{margin:4px 0 10px; font-weight:900}

/* Accordion */
.gc-acc{margin:0 0 12px; border:1px solid #e7e7ea; border-radius:14px; overflow:hidden; background:#fff}
.gc-acc>summary{list-style:none; cursor:pointer; padding:14px 16px; font-weight:900; letter-spacing:.2px; position:relative; background:#fafafa}
.gc-acc>summary::-webkit-details-marker{display:none}
.gc-acc>summary:after{content:”▾”; position:absolute; right:16px; top:50%; transform:translateY(-50%); opacity:.7}
.gc-acc[open]>summary:after{content:”▴”}
.gc-acc .woocommerce{padding:8px 10px 12px 10px}

/* Make product cards look like list items */
ul.products.columns-1{display:grid; gap:10px}
ul.products.columns-1 li.product{display:grid; grid-template-columns:72px 1fr auto; gap:12px; align-items:center; padding:12px; border:1px solid #eee; border-radius:12px; background:#fff}
ul.products.columns-1 li.product a.woocommerce-LoopProduct-link{display:contents}
ul.products.columns-1 li.product img{width:72px; height:72px; border-radius:10px; object-fit:cover}
ul.products.columns-1 li.product .woocommerce-loop-product__title{margin:0; font-weight:900; font-size:16px}
ul.products.columns-1 li.product .gc-excerpt{margin:2px 0 0; color:#555; line-height:1.35}
ul.products.columns-1 li.product .price{margin:0 14px 0 0; font-weight:900; color:#111}
ul.products.columns-1 li.product .button{justify-self:end}

/* Turn add-to-cart into a round + button */
ul.products li.product a.button,
ul.products li.product .added_to_cart{background:#ff6a3d; color:#fff; border:0; border-radius:999px; padding:10px 14px; font-weight:800}
ul.products li.product a.button.add_to_cart_button{width:40px; height:40px; padding:0; display:grid; place-items:center}
ul.products li.product a.button.add_to_cart_button:before{content:”+”; font-size:22px; line-height:1}
ul.products li.product a.button.add_to_cart_button .added{display:none}
ul.products li.product a.button:hover{filter:brightness(.95)}

@media (max-width:1100px){
.gc-left{display:none}
.gc-right{display:none}
.gc-acc>summary{position:sticky; top:56px; z-index:5; background:#fff; border-bottom:1px solid #eee}
}

/* Smooth jump from left nav to accordion + auto-open the panel */
(function(){
const nav = document.querySelector(‘.gc-catnav’);
if(!nav) return;
nav.addEventListener(‘click’, (e)=>{
if(e.target.tagName!==’A’) return;
const id = e.target.getAttribute(‘href’);
const panel = document.querySelector(id);
if(panel){
panel.open = true;
panel.scrollIntoView({behavior:’smooth’, block:’start’});
e.preventDefault();
}
});
})();