/* Scoped leaflet presentation; existing shop forms, prices and stock remain authoritative. */
/* Leaflet confirmation: same shell and controls as the native Buybox BasketModal.
   Kept separate from .gt-basket-modal so basket event handlers never process a clear dialog. */
#gt-leaflet-clear-dialog.modal { padding:0 !important; overflow:hidden; font-family:Roboto,sans-serif; }
#gt-leaflet-clear-dialog .modal-dialog { width:680px; max-width:calc(100% - 32px); margin:24px auto; }
#gt-leaflet-clear-dialog .modal-content { display:flex; flex-direction:column; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); overflow:hidden; border:0 !important; border-radius:10px; background:#fff; box-shadow:0 8px 32px rgba(0,0,0,.22); }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-header { position:relative; z-index:2; display:grid; grid-template-columns:32px minmax(0,1fr) 48px; gap:8px; flex:0 0 auto; align-items:center; box-sizing:border-box; min-height:72px; padding:8px 16px; color:#fff; background:#468c00; box-shadow:inset 0 -2px 0 #106430,0 4px 10px rgba(38,51,22,.22); }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-header:before,
#gt-leaflet-clear-dialog .gt-leaflet-dialog-header:after { content:""; position:absolute; bottom:0; height:2px; width:33.333333%; border:0; pointer-events:none; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-header:before { left:33.333333%; background:#ffa322; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-header:after { right:0; background:#97c01e; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-header > .fa { font-size:32px; line-height:1; }
#gt-leaflet-clear-dialog .modal-title { position:static; transform:none; min-width:0; margin:0; padding:0; border:0; background:none; font-family:inherit; font-size:20px; font-weight:400; line-height:1.2; text-align:left; text-transform:none; color:#fff !important; }
#gt-leaflet-clear-dialog .modal-title:after { display:none; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close { position:relative; display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:0; padding:0; border:0; border-radius:10px; color:#468c00; background:transparent; text-decoration:none; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close:before { content:""; position:absolute; inset:6px; border-radius:8px; background:#f0f0e1; pointer-events:none; transition:background-color .15s ease; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close .fa { position:relative; z-index:1; margin:0; color:#468c00; font-size:18px; transition:transform .12s ease; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close:focus,
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close:focus-visible { outline:none; box-shadow:none; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close:focus-visible:before { background:#dce8c3; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close:active:before { background:#cedcb4; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-close:active .fa { transform:scale(.9); }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-body { min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; padding:18px 20px; color:#333; font-size:14px; line-height:1.5; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-body p { margin:0; font:inherit; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-footer { position:relative; z-index:2; flex:0 0 auto; padding:12px 20px max(12px,env(safe-area-inset-bottom)); border-top:2px solid #106430; background:#fff; box-shadow:0 -6px 16px rgba(38,51,22,.2); text-align:left; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-footer:before,
#gt-leaflet-clear-dialog .gt-leaflet-dialog-footer:after { content:""; position:absolute; top:-2px; height:0; width:33.333333%; border-top:2px solid; pointer-events:none; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-footer:before { left:33.333333%; border-color:#ffa322; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-footer:after { right:0; border-color:#97c01e; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-confirm { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:48px; margin:0; padding:10px 12px; border:0; border-radius:10px; color:#fff; background:#97c01e; box-shadow:none; font-family:inherit; font-size:18px; font-weight:700; line-height:1.3; white-space:normal; text-decoration:none !important; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-confirm .fa { margin:0; color:inherit; text-decoration:none; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-confirm:is(:hover,:focus,:active) { color:#fff; background:#468c00; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-links { display:flex; align-items:center; flex-wrap:wrap; gap:2px 14px; margin-top:4px; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-links button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; margin:0; padding:6px 0; border:0; background:none; color:#326d48; font-family:inherit; font-size:14px; font-weight:400; line-height:1.42857143; text-decoration:none; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-links button span { text-decoration:underline; text-underline-offset:3px; }
#gt-leaflet-clear-dialog .gt-leaflet-dialog-links .fa { margin:0; color:inherit; text-decoration:none; }
#gt-leaflet-clear-dialog :is(button,a):focus-visible { outline:2px solid #468c00; outline-offset:2px; }
body[data-controller="Leaflet"].modal-open #header.gt-desktop-sticky { z-index:1020; }
body[data-controller="Leaflet"].modal-open #gt-desktop-navigation.gt-sticky-navigation { z-index:1019; }
@media(hover:hover) { #gt-leaflet-clear-dialog .gt-leaflet-dialog-close:hover:before { background:#dce8c3; } }
@media(max-width:767px) {
 #gt-leaflet-clear-dialog .modal-dialog { width:auto; max-width:none; margin:8px; }
 #gt-leaflet-clear-dialog .modal-content { max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px); }
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-header { padding:6px 10px; min-height:68px; grid-template-columns:26px minmax(0,1fr) 48px; gap:6px; }
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-header > .fa { font-size:26px; }
 #gt-leaflet-clear-dialog .modal-title { font-size:18px; }
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-body { padding:14px 12px; }
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-footer { padding:10px 12px max(8px,env(safe-area-inset-bottom)); }
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-links button { font-size:13px; }
}
@media(max-height:500px) {
 #gt-leaflet-clear-dialog .modal-dialog { margin:4px auto; }
 #gt-leaflet-clear-dialog .modal-content { max-height:calc(100vh - 8px); max-height:calc(100dvh - 8px); }
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-header { min-height:54px; padding-top:2px; padding-bottom:2px; }
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-footer { padding-top:6px; padding-bottom:4px; }
}
@media(prefers-reduced-motion:reduce) {
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-close:before,
 #gt-leaflet-clear-dialog .gt-leaflet-dialog-close .fa { transition:none; }
}

#content .gt-leaflet-layout { max-width:1440px; margin:0 auto 36px; }
#content .gt-leaflet-with-account { display:grid; grid-template-columns:210px minmax(0,1fr); gap:24px; align-items:start; }
#content #gt-leaflet { --gt-leaflet-inset:32px; min-width:0; padding:32px; border:1px solid #edf0e8; border-radius:18px; background:#fff; box-shadow:0 8px 32px rgba(42,55,31,.09); color:#33382f; }
#content #gt-leaflet h1 { position:static; transform:none; margin:0; text-align:center; font-family:inherit; font-size:32px; line-height:1.2; font-weight:400; text-transform:none; }
#content #gt-leaflet h1:after { content:""; display:block; width:180px; height:2px; margin:12px auto 0; background:linear-gradient(to right,#106430 33.333%,#ffa322 33.333%,#ffa322 66.666%,#97c01e 66.666%); }
#content #gt-leaflet .gt-leaflet-intro { margin:14px auto; max-width:780px; color:#687061; font-size:16px; line-height:1.5; text-align:center; }
#content #gt-leaflet .gt-leaflet-toolbar { position:relative; padding-top:14px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:4px; }
#content #gt-leaflet .gt-leaflet-toolbar:before { content:""; position:absolute; top:0; left:0; right:0; height:10px; background:radial-gradient(ellipse at top,rgba(40,58,26,.11),transparent 70%); pointer-events:none; }
#content #gt-leaflet .gt-leaflet-count { display:flex; align-items:center; gap:8px; margin:0; font-size:17px; font-weight:700; color:#326b46; }
#content #gt-leaflet .gt-leaflet-tools { display:flex; align-items:center; flex-wrap:wrap; gap:18px; }
#content #gt-leaflet .gt-leaflet-catalog { display:inline-flex; justify-content:center; align-items:center; gap:14px; min-height:44px; padding:10px 15px; border:1px solid #d2ddc5; border-radius:8px; background:#f9faf6; color:#477520; font-family:inherit; font-size:15px; font-weight:700; line-height:1.4; cursor:pointer; }
#content #gt-leaflet .gt-leaflet-clear { display:inline-flex; align-items:center; gap:7px; min-height:44px; color:#72796c; font-size:13px; }
#content #gt-leaflet .gt-leaflet-columns { display:grid; grid-template-columns:minmax(0,1fr) 180px 240px; gap:24px; padding:10px 14px; border-radius:7px; background:#f1f2e8; color:#326b46; font-size:15px; font-weight:700; line-height:20px; }
#content #gt-leaflet .gt-leaflet-columns span:nth-child(2) { text-align:center; }
#content #gt-leaflet .gt-leaflet-columns span:last-child { text-align:right; }
#content #gt-leaflet .gt-leaflet-item { display:grid; grid-template-columns:minmax(0,1fr) 444px; gap:24px; position:relative; min-width:0; min-height:168px; margin:0; padding:12px 14px; border:0; border-radius:0; background:#fff; }
#content #gt-leaflet .gt-leaflet-item + .gt-leaflet-item:before { content:""; position:absolute; top:-5px; left:0; right:0; height:10px; background:radial-gradient(ellipse at top,rgba(40,58,26,.11),transparent 70%); pointer-events:none; }
#content #gt-leaflet .gt-leaflet-product { display:flex; align-items:flex-start; gap:12px; min-width:0; }
#content #gt-leaflet .gt-leaflet-image { display:block; flex:0 0 64px; width:64px; }
#content #gt-leaflet .gt-leaflet-image img { width:64px; height:68px; object-fit:contain; max-width:100%; }
#content #gt-leaflet .gt-leaflet-description { min-width:0; }
#content #gt-leaflet .gt-leaflet-description h2 { position:static; transform:none; margin:0 0 2px; padding:0; background:none; border:0; font-size:16px; line-height:1.4; font-weight:700; text-align:left; text-transform:none; overflow-wrap:anywhere; }
#content #gt-leaflet .gt-leaflet-description h2:after { display:none; }
#content #gt-leaflet .gt-leaflet-description h2 a { font:inherit; color:#30362f; }
#content #gt-leaflet .gt-leaflet-variant { margin:0 0 2px; color:#62685e; font-size:13px; line-height:1.3; }
#content #gt-leaflet .gt-leaflet-rating { margin:0 0 2px; font-size:12px; line-height:20px; }
#content #gt-leaflet .gt-leaflet-availability { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 12px; margin:0; font-size:14px; line-height:20px; }
#content #gt-leaflet .gt-leaflet-availability .availability { font-weight:700; }
#content #gt-leaflet .gt-leaflet-availability .font-default { font-size:13px !important; }
#content #gt-leaflet .gt-leaflet-availability > br { display:none; }
#content #gt-leaflet .gt-leaflet-details { display:inline-flex; align-items:center; gap:6px; min-height:20px; margin-top:2px; color:#326b46; font-size:13px; line-height:20px; text-decoration:underline; text-underline-offset:3px; }
#content #gt-leaflet .gt-leaflet-details .fa { font-size:10px; }
#content #gt-leaflet .gt-leaflet-purchase { display:flex; min-width:0; }
#content #gt-leaflet .gt-leaflet-order { display:grid; flex:1 1 auto; width:100%; grid-template-columns:180px minmax(0,1fr); align-items:stretch; gap:24px; min-width:0; margin:0; }
#content #gt-leaflet .gt-leaflet-quantity { min-width:0; align-self:start; }
#content #gt-leaflet .gt-leaflet-quantity-bar { display:flex; align-items:center; padding:4px; gap:0; border:1px solid #ccc; border-radius:10px; }
#content #gt-leaflet .gt-leaflet-quantity-bar .amount { flex:1 1 auto; min-width:0; width:auto; margin:0; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin { display:flex; width:100%; gap:0; margin:0; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin:before,
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin:after { display:none; }
#content #gt-leaflet .gt-leaflet-quantity-bar .input-group-btn { flex:1 1 40px; width:auto; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin .btn { display:flex; justify-content:center; align-items:center; width:100%; min-width:36px; height:44px; padding:0; border:0; background:transparent; box-shadow:none; border-radius:7px !important; font-size:0; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin .btn:before { font-family:FontAwesome; font-size:19px; font-weight:400; line-height:1; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin-down { color:#f44336; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin-down:before { content:"\f068"; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin-up { color:#468c00; }
#content #gt-leaflet .gt-leaflet-quantity-bar .bootstrap-touchspin-up:before { content:"\f067"; }
#content #gt-leaflet .gt-leaflet-quantity-bar input { flex:0 0 44px; width:44px; min-width:44px; max-width:44px; height:44px; margin:0; padding:4px; border:1px solid #ccc; border-radius:6px !important; font-size:16px; font-weight:700; text-align:center; color:#333; }
#content #gt-leaflet .gt-leaflet-remove-icon { display:flex; align-items:center; justify-content:center; flex:0 0 36px; height:44px; color:#8c9384; font-size:17px; }
#content #gt-leaflet .gt-leaflet-quantity-hint { display:flex; align-items:center; justify-content:center; gap:7px; min-height:54px; padding:10px; margin:0; border:1px dashed #d9dfd0; border-radius:10px; background:#fcfdf9; color:#738068; font-size:12px; }
#content #gt-leaflet .gt-leaflet-actions { display:flex; flex-direction:column; min-width:0; text-align:right; }
#content #gt-leaflet .gt-leaflet-cta { margin-top:auto; }
#content #gt-leaflet .gt-leaflet-price { display:flex; justify-content:flex-end; align-items:baseline; gap:3px; font-size:21px; font-weight:700; line-height:1.4; white-space:nowrap; }
#content #gt-leaflet .gt-leaflet-price .decimal,
#content #gt-leaflet .gt-leaflet-price .currency { font-size:inherit; vertical-align:baseline; position:static; top:auto; }
#content #gt-leaflet .gt-leaflet-from,
#content #gt-leaflet .gt-leaflet-now { font-size:12px; font-weight:400; }
#content #gt-leaflet .gt-leaflet-baseprice,
#content #gt-leaflet .gt-leaflet-reference-price,
#content #gt-leaflet .gt-leaflet-price-history { margin:2px 0 0; color:#777; font-size:11px; line-height:1.25; }
#content #gt-leaflet .gt-leaflet-baseprice * { font-family:inherit; font-size:inherit; line-height:inherit; color:inherit; }
#content #gt-leaflet .gt-leaflet-baseprice .baseprice { margin:0; }
#content #gt-leaflet .gt-leaflet-tax { margin:6px 0 10px; font-size:11px; line-height:1.4; color:#70766b; }
#content #gt-leaflet .gt-leaflet-tax a { color:#468c00; }
#content #gt-leaflet .gt-leaflet-cta .btn { display:flex; align-items:center; justify-content:center; min-height:46px; width:100%; gap:7px; margin:0; padding:11px 8px; border-radius:9px; font-size:15px; font-weight:700; line-height:1.4; white-space:normal; }
#content #gt-leaflet .gt-leaflet-cta .btn .fa { margin:0; }
#content #gt-leaflet .gt-leaflet-remove { display:inline-flex; align-items:center; gap:6px; min-height:36px; margin-top:5px; color:#72796c; font-size:12px; }
#content #gt-leaflet .gt-leaflet-note { display:flex; align-items:baseline; gap:10px; padding:10px 14px; margin:10px 0 26px; border:0; border-radius:7px; background:#f1f2e8; color:#326b46; font-size:15px; font-weight:400; line-height:20px; }
#content #gt-leaflet .gt-leaflet-note .fa { flex:0 0 auto; color:#326b46; }
#content #gt-leaflet .gt-leaflet-note p { margin:0; }
#content #gt-leaflet .gt-leaflet-discover { position:relative; border-top:0; padding:26px 0 0; text-align:center; }
#content #gt-leaflet .gt-leaflet-discover:before { content:""; position:absolute; top:0; left:calc(-1 * var(--gt-leaflet-inset)); right:calc(-1 * var(--gt-leaflet-inset)); height:2px; background:linear-gradient(to right,#106430 33.333%,#ffa322 33.333%,#ffa322 66.666%,#97c01e 66.666%); pointer-events:none; }
#content #gt-leaflet .gt-leaflet-discover h2 { position:static; transform:none; padding:0; margin:0 0 7px; border:0; background:none; text-align:center; font-size:20px; font-weight:700; line-height:1.4; text-transform:none; }
#content #gt-leaflet .gt-leaflet-discover h2:after { display:none; }
#content #gt-leaflet .gt-leaflet-discover p { margin:0 0 17px; color:#687061; font-size:14px; }
#content #gt-leaflet .gt-leaflet-discover-buttons { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }
#content #gt-leaflet .gt-leaflet-discover-buttons > * { display:flex; align-items:center; justify-content:space-between; flex:1 1 140px; gap:12px; min-height:46px; margin:0; padding:12px 14px; border:1px solid #468c00; border-radius:8px; background:#468c00; color:#fff; font-family:inherit; font-size:14px; font-weight:700; line-height:1.4; text-transform:uppercase; text-decoration:none; cursor:pointer; }
#content #gt-leaflet .gt-leaflet-discover-buttons .fa { font-size:11px; }
#content #gt-leaflet .gt-leaflet-heart-note { display:flex; align-items:baseline; justify-content:center; gap:8px; margin:22px 0 0; color:#7a8173; text-align:center; font-size:13px; line-height:1.6; }
#content #gt-leaflet .gt-leaflet-heart-note .fa { flex:0 0 auto; }
#content #gt-leaflet .gt-leaflet-empty { text-align:center; padding:12px 15px 34px; }
#content #gt-leaflet .gt-leaflet-empty > .fa { font-size:52px; color:#97c01e; }
#content #gt-leaflet .gt-leaflet-empty h2 { position:static; transform:none; margin:16px 0 12px; padding:0; border:0; background:none; font-size:24px; line-height:1.4; text-transform:none; }
#content #gt-leaflet .gt-leaflet-empty h2:after { display:none; }
#content #gt-leaflet .gt-leaflet-empty p { max-width:520px; margin:0 auto 22px; color:#687061; font-size:16px; line-height:1.7; }
#content #gt-leaflet a:hover { text-decoration:underline; }
#content #gt-leaflet .gt-leaflet-remove-icon:hover,
#content #gt-leaflet .gt-leaflet-clear:hover { color:#b52b22; }
#content #gt-leaflet .gt-leaflet-catalog:hover { background:#f0f4e9; }
#content #gt-leaflet .gt-leaflet-discover-buttons > *:hover { background:#97c01e; border-color:#97c01e; text-decoration:none; }
#content #gt-leaflet :is(a,button,input):focus-visible { outline:2px solid #326b46; outline-offset:3px; }
#content #gt-leaflet [hidden] { display:none !important; }
@media(min-width:768px) and (max-width:1100px) {
 #content #gt-leaflet { --gt-leaflet-inset:25px; padding:32px 25px 25px; }
 #content #gt-leaflet .gt-leaflet-columns { grid-template-columns:minmax(0,1fr) 172px 200px; gap:18px; }
 #content #gt-leaflet .gt-leaflet-item { grid-template-columns:minmax(0,1fr) 390px; gap:18px; padding-inline:0; }
 #content #gt-leaflet .gt-leaflet-order { grid-template-columns:172px minmax(0,1fr); gap:18px; }
 #content #gt-leaflet .gt-leaflet-image { flex-basis:64px; width:64px; }
 #content #gt-leaflet .gt-leaflet-image img { width:64px; height:68px; }
 #content #gt-leaflet .gt-leaflet-product { gap:12px; }
 #content .gt-leaflet-with-account { display:block; }
}
@media(max-width:767px) {
 #content .gt-leaflet-layout { margin:16px auto 24px; }
 #content .gt-leaflet-with-account { display:block; }
 #content .gt-leaflet-account { margin-bottom:15px; }
 #content #gt-leaflet { --gt-leaflet-inset:16px; padding:24px 16px; border-radius:14px; }
 #content #gt-leaflet h1 { font-size:28px; }
 #content #gt-leaflet h1:after { width:172px; margin-top:14px; }
 #content #gt-leaflet .gt-leaflet-intro { margin:14px 0; font-size:15px; }
 #content #gt-leaflet .gt-leaflet-toolbar { align-items:flex-start; gap:10px; margin-bottom:4px; }
 #content #gt-leaflet .gt-leaflet-count { min-height:36px; font-size:15px; }
 #content #gt-leaflet .gt-leaflet-tools { width:auto; justify-content:flex-end; gap:8px; margin-left:auto; }
 #content #gt-leaflet .gt-leaflet-catalog { min-height:44px; padding:9px 11px; gap:8px; font-family:inherit; font-size:13px; font-weight:700; }
 #content #gt-leaflet .gt-leaflet-clear { font-size:12px; }
 #content #gt-leaflet .gt-leaflet-columns { display:none; }
 #content #gt-leaflet .gt-leaflet-item { display:block; min-height:0; padding:12px 0; }
 #content #gt-leaflet .gt-leaflet-item:first-child { border-top:1px solid #e3e7dc; }
 #content #gt-leaflet .gt-leaflet-image { flex-basis:56px; width:56px; }
 #content #gt-leaflet .gt-leaflet-image img { width:56px; height:60px; }
 #content #gt-leaflet .gt-leaflet-product { gap:10px; }
 #content #gt-leaflet .gt-leaflet-description h2 { font-size:15px; }
 #content #gt-leaflet .gt-leaflet-variant { font-size:13px; }
 #content #gt-leaflet .gt-leaflet-availability { font-size:14px; }
 #content #gt-leaflet .gt-leaflet-availability .font-default { font-size:13px !important; }
 #content #gt-leaflet .gt-leaflet-order { display:block; margin-top:14px; }
 #content #gt-leaflet .gt-leaflet-quantity-bar { max-width:190px; margin:0 0 13px; }
 #content #gt-leaflet .gt-leaflet-quantity-hint { display:none; }
 #content #gt-leaflet .gt-leaflet-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:0 12px; text-align:left; align-items:end; }
 #content #gt-leaflet .gt-leaflet-actions > * { grid-column:1; }
 #content #gt-leaflet .gt-leaflet-price { justify-content:flex-start; font-size:20px; gap:2px; }
 #content #gt-leaflet .gt-leaflet-from,
 #content #gt-leaflet .gt-leaflet-now { font-size:12px; }
 #content #gt-leaflet .gt-leaflet-baseprice,
 #content #gt-leaflet .gt-leaflet-reference-price,
 #content #gt-leaflet .gt-leaflet-price-history { font-size:11px; }
 #content #gt-leaflet .gt-leaflet-tax { font-size:10px; margin-bottom:0; }
 #content #gt-leaflet .gt-leaflet-cta { grid-column:2; grid-row:1; align-self:end; }
 #content #gt-leaflet .gt-leaflet-cta .btn { padding:11px 5px; gap:5px; font-size:13px; }
 #content #gt-leaflet .gt-leaflet-actions > .gt-leaflet-remove { grid-column:2; justify-self:end; min-height:36px; margin-top:6px; }
 #content #gt-leaflet .gt-leaflet-note { margin:0 0 23px; }
 #content #gt-leaflet .gt-leaflet-discover { padding-top:20px; }
 #content #gt-leaflet .gt-leaflet-discover h2 { font-size:18px; }
 #content #gt-leaflet .gt-leaflet-discover p { font-size:13px; }
 #content #gt-leaflet .gt-leaflet-discover-buttons > * { flex:1 1 calc(50% - 9px); min-width:0; font-size:12px; padding:11px; gap:7px; }
 #content #gt-leaflet .gt-leaflet-heart-note { font-size:12px; margin-top:20px; }
 #content #gt-leaflet .gt-leaflet-empty { padding-inline:0; }
 #content #gt-leaflet .gt-leaflet-empty h2 { font-size:21px; }
 #content #gt-leaflet .gt-leaflet-empty p { font-size:14px; }
}
@media(max-width:359px) {
 #content #gt-leaflet { --gt-leaflet-inset:12px; padding-inline:12px; }
 #content #gt-leaflet .gt-leaflet-tools { align-items:flex-start; flex-direction:column; }
 #content #gt-leaflet .gt-leaflet-discover-buttons > * { flex-basis:100%; }
 #content #gt-leaflet .gt-leaflet-actions { grid-template-columns:minmax(0,1fr); }
 #content #gt-leaflet .gt-leaflet-cta { grid-column:1; grid-row:auto; margin-top:12px; }
 #content #gt-leaflet .gt-leaflet-actions > .gt-leaflet-remove { grid-column:1; }
}

/* Reuse the main basket's typography and contain all native price fragments. */
#content #gt-leaflet .gt-leaflet-pricing { min-width:0; }
#content #gt-leaflet .gt-leaflet-rating .rating { float:none; width:auto; margin:0; padding:0; font-size:12px; line-height:20px; }
#content #gt-leaflet .gt-leaflet-rating .fa,
#content #gt-leaflet .gt-leaflet-rating .count { font-size:inherit; line-height:inherit; }
#content #gt-leaflet .gt-leaflet-availability > div { display:inline-flex; align-items:baseline; gap:4px; margin:0; padding:0; font-size:13px !important; line-height:20px; }
#content #gt-leaflet .gt-leaflet-availability > .availability { font-size:14px !important; }
#content #gt-leaflet .gt-leaflet-availability .light-green { color:#567f00; }
#content #gt-leaflet .gt-leaflet-availability .mr_5 { margin-right:0; }
#content #gt-leaflet .gt-leaflet-availability > .gt-leaflet-shipping-notes { display:flex; flex:0 0 100%; flex-wrap:wrap; gap:2px 12px; }
#content #gt-leaflet .gt-leaflet-shipping-notes > div { display:inline-flex; align-items:baseline; gap:4px; margin:0; padding:0; font-size:13px !important; line-height:20px; }
#content #gt-leaflet .gt-leaflet-reference-row { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; gap:2px 6px; margin:0 0 3px; font-size:11px; line-height:16px; }
#content #gt-leaflet .gt-leaflet-reference-row .gt-leaflet-reference-price { margin:0; font-size:11px; line-height:16px; }
#content #gt-leaflet .gt-leaflet-reference-row .decimal,
#content #gt-leaflet .gt-leaflet-reference-row .currency { position:static; font-size:inherit; line-height:inherit; vertical-align:baseline; }
#content #gt-leaflet .gt-leaflet-reference-row .price-saving { position:static; top:auto; right:auto; bottom:auto; left:auto; transform:none; display:inline-flex; align-items:center; flex:0 0 auto; float:none; clear:none; width:auto; min-width:0; height:auto; min-height:0; margin:0; padding:2px 5px; border-radius:5px; background:#b71e21; color:#fff; font-size:10px; font-weight:700; line-height:14px; white-space:nowrap; }
#content #gt-leaflet .gt-leaflet-reference-row .price-saving p,
#content #gt-leaflet .gt-leaflet-reference-row .price-saving span { position:static; display:block; width:auto; height:auto !important; min-height:0; margin:0; padding:0; font:inherit; line-height:inherit; color:inherit; }
#content #gt-leaflet .gt-leaflet-baseprice .baseprice { display:block; float:none; clear:both; width:auto; margin:0; padding:0; font-size:inherit; font-weight:400; line-height:inherit; color:inherit; }
#content #gt-leaflet .gt-leaflet-baseprice * { font-weight:400; }
/* Match the basket's solid accessory action colours and keyboard treatment. */
#content #gt-leaflet .gt-leaflet-cta .btn { text-decoration:none !important; transition:background-color .15s ease; }
#content #gt-leaflet .gt-leaflet-cta .btn-cart { background:#8bb400; border-color:transparent; color:#fff; }
#content #gt-leaflet .gt-leaflet-cta .btn-primary { background:#468c00; border-color:transparent; color:#fff; }
#content #gt-leaflet .gt-leaflet-cta :is(.btn-cart,.btn-primary):not(.disabled):not([disabled]):not([aria-disabled="true"]):is(:hover,:focus,:focus-visible,:active,.active) { background:#567f00; border-color:transparent; color:#fff; text-decoration:none !important; }
#content #gt-leaflet .gt-leaflet-cta .btn .fa { color:inherit; text-decoration:none; }
#content #gt-leaflet .gt-leaflet-cta .btn:focus-visible { outline:3px solid #397332; outline-offset:3px; }
@media(max-width:767px) {
 #content #gt-leaflet .gt-leaflet-reference-row { justify-content:flex-start; }
 #content #gt-leaflet .gt-leaflet-availability { gap:2px 8px; }
 #content #gt-leaflet .gt-leaflet-details { min-height:32px; }
}

/* Keep every removal control in the same quantity column, including parent items. */
#content #gt-leaflet .gt-leaflet-quantity { width:100%; }
#content #gt-leaflet .gt-leaflet-quantity-bar { box-sizing:border-box; width:100%; min-height:54px; }
#content #gt-leaflet .gt-leaflet-quantity-unavailable { background:#fcfdf9; }
#content #gt-leaflet .gt-leaflet-quantity-bar .gt-leaflet-quantity-hint { display:flex; flex:1 1 0; min-width:0; min-height:44px; gap:5px; margin:0; padding:4px; border:0; border-radius:0; background:none; font-size:11px; line-height:15px; }
#content #gt-leaflet .gt-leaflet-quantity-hint .fa { flex:0 0 auto; }
#content #gt-leaflet .gt-leaflet-remove-icon { box-sizing:border-box; flex:0 0 36px; width:36px; min-width:36px; margin:0; padding:0; text-decoration:none !important; }
#content #gt-leaflet .gt-leaflet-quantity-bar { display:grid; grid-template-columns:minmax(0,1fr) 36px; }
#content #gt-leaflet .gt-leaflet-quantity-bar .amount { max-width:none; width:100%; }

/* Mobile leaflet: side-basket reading order; desktop layout remains unchanged. */
@media(max-width:767px) {
 #content #gt-leaflet .gt-leaflet-toolbar { align-items:center; gap:8px; }
 #content #gt-leaflet .gt-leaflet-count { min-height:44px; }
 #content #gt-leaflet .gt-leaflet-tools { align-items:center; flex-direction:row; }
 #content #gt-leaflet .gt-leaflet-product { gap:10px; }
 #content #gt-leaflet .gt-leaflet-description { flex:1 1 0; }
 #content #gt-leaflet .gt-leaflet-description .gt-leaflet-pricing { margin:4px 0 6px; text-align:left; }
 #content #gt-leaflet .gt-leaflet-price { font-size:16px; line-height:1.4; }
 #content #gt-leaflet .gt-leaflet-reference-row { margin-bottom:1px; }
 #content #gt-leaflet .gt-leaflet-baseprice { margin-top:1px; }
 #content #gt-leaflet .gt-leaflet-tax { margin:3px 0 0; font-size:10px; line-height:1.4; }
 #content #gt-leaflet .gt-leaflet-purchase { margin-left:66px; width:calc(100% - 66px); }
 #content #gt-leaflet .gt-leaflet-order { margin-top:8px; }
 #content #gt-leaflet .gt-leaflet-quantity-bar { max-width:none; margin:0 0 8px; }
 #content #gt-leaflet .gt-leaflet-actions { display:block; }
 #content #gt-leaflet .gt-leaflet-cta { margin-top:0; }
 #content #gt-leaflet .gt-leaflet-cta .btn { min-height:44px; padding:10px 6px; font-size:13px; }
 #content #gt-leaflet .gt-leaflet-heart-note { display:block; max-width:260px; margin-inline:auto; text-align:center; }
 #content #gt-leaflet .gt-leaflet-heart-note .fa { display:inline-block; margin-right:5px; vertical-align:baseline; }
}
@media(max-width:359px) {
 #content #gt-leaflet .gt-leaflet-count { gap:6px; font-size:13px; }
 #content #gt-leaflet .gt-leaflet-clear { gap:5px; font-size:11px; }
}