/*
 * Taran club shop theme: styles.
 * Black and gold, to match taransports.co.uk. Loaded by resources/taran/views/head.blade.php.
 */
html,body{overflow-x:hidden}
body,button,input,textarea,select{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
header{background:#000!important;box-shadow:none!important;border-bottom:3px solid #FFD700}
header .icon-compare,header .icon-cart,header .icon-hamburger,header .icon-users,header .icon-search,header .icon-camera{color:#fff!important}
header input{background:#1a1a1a!important;color:#fff!important;border-color:#444!important}
header img[alt="Taran Sports"]{content:url(https://taransports.co.uk/images/logo.png);height:30px;width:auto}
.primary-button,.secondary-button,.bg-navyBlue{background:#FFD700!important;color:#000!important;border-color:#FFD700!important;font-weight:700}
.text-navyBlue{color:#000!important}
.border-navyBlue{border-color:#FFD700!important}
.bg-lightOrange,footer{background:#000!important;color:#fff!important}
footer [class*="F1EADF"]{background:#111!important;color:#fff!important}
footer [class*="e9decc"]{border-color:#333!important}
footer .text-navyBlue{color:#FFD700!important}
footer input{color:#fff!important}
footer button{background:#FFD700!important;color:#000!important}
footer div.grid:has(form[action*="subscription"]){display:none!important}
footer [class*="e9decc"]:has([role="button"]){display:none!important}
footer>div:first-child{padding-top:0!important;padding-bottom:0!important}
main .icon-heart,main .icon-compare,header .icon-compare{display:none!important}
.container:has(>div.scrollbar-hide) a[href*="search?sort="]{display:none!important}
.container:has(>div.scrollbar-hide) [class*="icon-arrow-left"],.container:has(>div.scrollbar-hide) [class*="icon-arrow-right"]{display:none!important}
.container>div.scrollbar-hide{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px!important;overflow:visible!important;margin-top:28px!important}
@media(max-width:900px){.container>div.scrollbar-hide{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}}
.container>div.scrollbar-hide>*{min-width:0!important;width:100%!important;max-width:none!important;border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff}
.container>div.scrollbar-hide>*>div:first-child{max-width:none!important;max-height:none!important;border-radius:0!important}
.container>div.scrollbar-hide>*>div:first-child img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;display:block}
.container>div.scrollbar-hide>*>div:last-child{margin-top:0!important;transform:none!important;max-width:none!important;padding:14px!important}
.container>div.scrollbar-hide>*>div:last-child button{width:100%;font-size:0!important;padding:12px 0!important}
.container>div.scrollbar-hide>*>div:last-child button::after{content:"View details";font-size:15px;font-weight:700}
.container>div.scrollbar-hide [class*="opacity-0"]:has(button){opacity:1!important;visibility:visible!important}
.container>div.scrollbar-hide button{opacity:1!important}
.container>div.scrollbar-hide>*>div:last-child>div:last-child{opacity:1!important;display:block!important}
.container>div.scrollbar-hide>*>div:last-child>div:last-child>span{display:none!important}
.container>div.scrollbar-hide>*>div:last-child{translate:none!important;transform:none!important}
.fz-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.fz-pill{padding:9px 16px;border:1px solid #d4d4d4;border-radius:999px;background:#fff;color:#000;font-size:14px;line-height:1;cursor:pointer;transition:all .15s}
.fz-pill:hover{border-color:#000}
.fz-pill.on{background:#000;color:#FFD700;border-color:#000;font-weight:600}
.fz-pill small{opacity:.7;margin-left:4px;font-size:12px}
select.fz-hidden{display:none!important}
.fz-sw{width:34px;height:34px;border-radius:50%;border:1px solid #cfcfcf;cursor:pointer;padding:0;position:relative;transition:transform .15s}
.fz-sw:hover{transform:scale(1.1)}
.fz-sw.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}
.fz-swname{font-weight:600;margin-left:8px;font-size:14px}
.fz-pills.fz-sws{gap:12px;padding:4px 2px}
.fz-desc{color:#222;font-size:15px;line-height:1.6}
.fz-desc .fz-intro{font-size:16px;margin:0 0 20px;color:#333}
.fz-desc h4{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:28px 0 12px;padding-bottom:8px;border-bottom:2px solid #FFD700;display:inline-block}
.fz-care{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fz-care li{background:#f4f4f4;border-radius:999px;padding:7px 14px;font-size:13px}
.fz-desc .fz-note{margin:24px 0 0;padding:14px 16px;background:#fffbe0;border-radius:10px;font-size:13px;color:#555}
.fz-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:760px){.fz-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.fz-feat{grid-template-columns:1fr}}
.fz-feat>div{display:grid;grid-template-columns:48px 1fr;grid-template-areas:"i t" "i s";column-gap:12px;align-items:center;background:#0b0b0b;border-radius:12px;padding:14px 16px}
.fz-feat .fz-ico{grid-area:i;width:48px;height:48px;background:#FFD700;border-radius:0;font-size:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:32px;mask-size:32px;border:0;position:relative}
.fz-feat strong{grid-area:t;color:#FFD700!important;font-size:15px;line-height:1.25}
.fz-feat .fz-sub{grid-area:s;color:#e6e6e6!important;font-size:13px;line-height:1.35}
.fz-scroll{overflow-x:auto;border:1px solid #e8e8e8;border-radius:12px}
.fz-size{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
.fz-size th,.fz-size td{padding:12px 10px;text-align:center;border-bottom:1px solid #eee;white-space:nowrap;background:#fff}
.fz-size tr:nth-child(even) th,.fz-size tr:nth-child(even) td{background:#fafafa}
.fz-size th:first-child{text-align:left;padding-left:18px;color:#555;font-weight:600;position:sticky;left:0}
.fz-size tr:first-child th,.fz-size tr:first-child td{background:#000;color:#FFD700;font-weight:700;border-bottom:0}
.fz-size tr:last-child th,.fz-size tr:last-child td{border-bottom:0}
.fz-size td{font-variant-numeric:tabular-nums}
.fz-ico-dry{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203s6%206.5%206%2011a6%206%200%200%201-12%200c0-4.5%206-11%206-11z%22%2F%3E%3Cpath%20d%3D%22M9.5%2015a2.5%202.5%200%200%200%202.5%202.5%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203s6%206.5%206%2011a6%206%200%200%201-12%200c0-4.5%206-11%206-11z%22%2F%3E%3Cpath%20d%3D%22M9.5%2015a2.5%202.5%200%200%200%202.5%202.5%22%2F%3E%3C%2Fsvg%3E")}
.fz-ico-stretch{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h18M7%208l-4%204%204%204M17%208l4%204-4%204%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h18M7%208l-4%204%204%204M17%208l4%204-4%204%22%2F%3E%3C%2Fsvg%3E")}
.fz-ico-fit{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203L3%206l2%204%203-1v12h8V9l3%201%202-4-5-3a4%204%200%200%201-8%200z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203L3%206l2%204%203-1v12h8V9l3%201%202-4-5-3a4%204%200%200%201-8%200z%22%2F%3E%3C%2Fsvg%3E")}
.fz-ico-raglan{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203L3%206l2%204%203-1v12h8V9l3%201%202-4-5-3a4%204%200%200%201-8%200z%22%2F%3E%3Cpath%20d%3D%22M8%209l4-4%204%204%22%20stroke-dasharray%3D%222%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203L3%206l2%204%203-1v12h8V9l3%201%202-4-5-3a4%204%200%200%201-8%200z%22%2F%3E%3Cpath%20d%3D%22M8%209l4-4%204%204%22%20stroke-dasharray%3D%222%202%22%2F%3E%3C%2Fsvg%3E")}
.fz-ico-seam{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h18M3%2016h18%22%20stroke-dasharray%3D%223%203%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h18M3%2016h18%22%20stroke-dasharray%3D%223%203%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E")}
.fz-ico-tag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012V4h8l10%2010-8%208z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%228.5%22%20r%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M4%2020L20%204%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012V4h8l10%2010-8%208z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%228.5%22%20r%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M4%2020L20%204%22%2F%3E%3C%2Fsvg%3E")}
.fz-desc .fz-note{text-align:center}
.fz-lang{display:flex;gap:6px;align-items:center;margin-right:8px}
.fz-lang a{display:flex;align-items:center;gap:5px;color:#fff!important;font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;border:1px solid #444;opacity:.65;text-decoration:none;line-height:1}
.fz-lang a.on{opacity:1;border-color:#FFD700}
.fz-lang img{width:20px;height:14px;object-fit:cover;border-radius:2px;display:block}
html[lang="cy"] .container>div.scrollbar-hide>*>div:last-child button::after{content:"Gweld manylion"}
/* Equal height cards, buttons aligned along the bottom */
.container>div.scrollbar-hide>div{display:flex!important;flex-direction:column}
.container>div.scrollbar-hide>div>div:nth-child(2){flex:1;grid-template-rows:auto auto 1fr}
.container>div.scrollbar-hide>div>div:nth-child(2)>div.action-items{align-self:end}
.container>div.scrollbar-hide>div>div:first-child img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.container>div.scrollbar-hide a[href$="club-cap"] img{scale:1.35;object-position:center 30%}
/* Hide the demo offer, currency and language bar above the header */
div:has(+header){display:none!important}

/* Add to basket confirmation panel */
.fz-ok-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100000;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.fz-ok-bg.on{opacity:1}
.fz-ok{background:#fff;width:100%;max-width:440px;border-radius:18px 18px 0 0;padding:22px 20px 20px;transform:translateY(30px);transition:transform .25s;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
.fz-ok-bg.on .fz-ok{transform:none}
@media(min-width:640px){.fz-ok-bg{align-items:center}.fz-ok{border-radius:18px}}
.fz-ok h3{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;margin:0 0 16px}
.fz-ok h3 i{width:30px;height:30px;border-radius:50%;background:#000;color:#FFD700;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:17px}
.fz-ok-row{display:flex;gap:14px;align-items:center;padding:12px;background:#f6f6f6;border-radius:12px}
.fz-ok-row img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#000}
.fz-ok-row b{display:block;font-size:15px;line-height:1.3}
.fz-ok-row span{display:block;font-size:13px;color:#555;margin-top:3px}
.fz-ok-tot{display:flex;justify-content:space-between;margin:14px 2px 16px;font-size:15px;font-weight:600}
.fz-ok-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fz-ok-btns a,.fz-ok-btns button{display:block;text-align:center;padding:13px 10px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;border:2px solid #000;background:#fff;color:#000}
.fz-ok-btns .pri{background:#FFD700;border-color:#FFD700}
.fz-ok-btns .full{grid-column:1/-1}

/* Bagisto cookie banner */
.js-cookie-consent{border:1px solid #FFD700}
.js-cookie-consent button{background:#FFD700!important;color:#000!important;border-radius:8px!important}
.js-cookie-consent .cookieButton .flex button:nth-child(2){background:transparent!important;color:#fff!important;border:2px solid #FFD700}

/* View All hidden on home carousel */
main a[href$="/search"]{display:none!important}

/* Language switcher: never let the header squeeze the flag pills */
.fz-lang,.fz-lang a,.fz-lang img{flex-shrink:0}
.fz-lang a{white-space:nowrap}

.container>div.scrollbar-hide a[href$="club-playing-shorts"] img,.container>div.scrollbar-hide a[href$="club-tracksuit-jacket"] img,.container>div.scrollbar-hide a[href$="ladies-sports-leggings"] img,.container>div.scrollbar-hide a[href$="special-dotted-playing-shirt-preorder"] img{object-fit:contain!important;object-position:center!important;scale:1!important;background:#fff}
.fz-ok.warn h3 i{background:#FFD700;color:#000;font-weight:800}
.fz-ok-msg{margin:0 0 10px;font-size:15px;line-height:1.5;color:#333}
.fz-ok-sub{margin:12px 0 0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666}
/* Product description: wide content (size table, care list) must not widen the page on phones */
.container.grid>*,.fz-desc,.fz-scroll{min-width:0;max-width:100%}

/* Checkout shipping: each collection point has its own icon (the method code is set on the icon by the theme's shipping view) */
.tz-ship-icon[data-method^="taran_collection_"]::before{content:"";display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--tz-icon) center/contain no-repeat;mask:var(--tz-icon) center/contain no-repeat}
.tz-ship-icon[data-method="taran_collection_swansea"]{--tz-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9c2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2 2.5 2 5 2'/%3E%3Cpath d='M2 14c2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2 2.5 2 5 2'/%3E%3Cpath d='M2 19c2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2 2.5 2 5 2'/%3E%3C/svg%3E")}
.tz-ship-icon[data-method="taran_collection_llanelli"]{--tz-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}

/* Checkout shipping card text: bold title (the place, then the date, on separate lines), description under it */
.tz-ship-text{white-space:pre-line;line-height:1.5}
.tz-ship-title{display:block;font-weight:700;color:#111;font-size:13px}
.tz-ship-desc{display:block;margin-top:6px;font-weight:400;color:#555}