:root{--content-width: 1290px;--content-edge-padding-x: 15px;--content-edge-padding-y: 30px;--body-font-family: "Verdana", var(--fallback-font);--font-size-body: 13px;--body-weight: 400;--palette1: #692b07!important;--palette2: #000000!important;--palette3: #222222!important;--palette4: #666666!important;--palette5: #777777!important;--palette6: #888888!important;--palette7: #f0e7dd!important;--palette8: #f3efe9!important;--palette9: #ffffff!important;--palette10: #692b07!important;--palette11: #000000!important;}@media (min-width: 1025px){.container {max-width:1290px;}}@media (min-width: 1025px){.container {max-width:1290px;}}.hero-section .page-title-wrapper{min-height:80px;}h4 { text-transform: none !important; } .step { display: block; margin-bottom: 20px; } .step:not(:first-child) { display: none; } .horizontal-options { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; } .horizontal-options label { display: flex; align-items: center; font-weight: 600; } input[type="radio"] { margin-right: 5px; } button { background-color: #bc9e65; color: #fff; border: none; padding: 10px 20px; cursor: pointer; font-weight:700; } button:hover { opacity: 0.9; } textarea, input[type="text"], input[type="email"], input[type="tel"] { border:1px solid #ccc; border-radius:4px; } h1, h2, h3, h4, h5, h6, .block-title, .product-title { text-transform: none !important; } /* Global override for all languages */ .avaorg-menu-horizontal .menu-item > a, .avaorg-menu-vertical .menu-item > a { font-size: 13px !important; } /* Override primary button color for Solino Members registration */ .solino-members .btn-primary { --btn-primary-color: #ffffff; /* text color */ --btn-primary-bg-color: #bc9e65; /* background color */ --btn-primary-border-color: #bc9e65; /* border color */ } .product-details-top .product-prices { display: none; } /* ========================================================================= * SOLINO.GR · SHARED product-page stylesheet · scope .spd * Add ONCE to your PrestaShop theme: themes//assets/css/custom.css * (or enqueue separately). Then clear cache. EVERY product page reuses these * classes — no more per-machine prefixes. Style = faithful JURA replica. * ========================================================================= */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); .spd{--blk:#1d1d1b;--grey:#6b6b6b;--line:#e6e6e6;--bg:#ffffff;--bg2:#f5f4f2; font-family:'Inter',sans-serif;color:var(--blk);background:var(--bg);line-height:1.7; -webkit-font-smoothing:antialiased;font-size:16px;} .spd *{box-sizing:border-box;margin:0;padding:0;} .spd img{max-width:100%;display:block;} /* HERO */ .spd-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px; padding:64px 56px;background:var(--bg2);border-bottom:1px solid var(--line);} .spd-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase; color:var(--grey);margin-bottom:18px;} .spd-title{font-size:clamp(28px,4vw,48px);font-weight:700;line-height:.95;letter-spacing:-.02em; margin-bottom:18px;} .spd-sub{font-size:clamp(18px,2.2vw,24px);font-weight:400;color:var(--blk);line-height:1.35; max-width:30ch;margin-bottom:26px;} .spd-lead{font-size:15px;color:var(--grey);max-width:46ch;margin-bottom:28px;} .spd-meta{font-size:13px;font-weight:500;color:var(--grey);letter-spacing:.5px;} .spd-meta b{color:var(--blk);font-weight:600;} .spd-hero-img{display:flex;justify-content:center;} .spd-hero-img img{max-height:520px;width:auto;} /* FEATURES (alternating image/text) */ .spd-feat{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0; border-bottom:1px solid var(--line);} .spd-feat.rev .spd-feat-img{order:2;} .spd-feat-img{overflow:hidden;} .spd-feat-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease;} .spd-feat-img:hover img{transform:scale(1.05);} .spd-feat-txt{padding:64px 56px;} .spd-num{font-size:13px;font-weight:600;letter-spacing:2px;color:var(--grey);margin-bottom:18px;} .spd-feat-txt h3{font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.2;margin-bottom:18px; letter-spacing:-.01em;} .spd-feat-txt p{font-size:15.5px;color:var(--grey);} /* BEVERAGES */ .spd-bev{padding:72px 56px;background:var(--bg2);border-bottom:1px solid var(--line);} .spd-bev-head{text-align:center;margin-bottom:48px;} .spd-bev-head .spd-eyebrow{margin-bottom:14px;} .spd-bev-head h2{font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.02em;} .spd-bev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;max-width:1100px;margin:0 auto;} .spd-bev-col h4{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase; color:var(--blk);padding-bottom:12px;margin-bottom:14px;border-bottom:2px solid var(--blk);} .spd-bev-col ul{list-style:none;} .spd-bev-col li{font-size:14.5px;color:var(--grey);padding:5px 0;border-bottom:1px solid var(--line);} .spd-bev-count{text-align:center;margin-top:44px;} .spd-bev-count .n{font-size:64px;font-weight:700;line-height:1;letter-spacing:-.03em;} .spd-bev-count .l{font-size:13px;color:var(--grey);letter-spacing:1px;text-transform:uppercase;margin-top:8px;} /* SPECS */ .spd-spec{padding:72px 56px;} .spd-spec-head{text-align:center;margin-bottom:14px;} .spd-spec-head .spd-eyebrow{margin-bottom:14px;} .spd-spec-head h2{font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.02em;} .spd-spec-meta{text-align:center;font-size:13px;color:var(--grey);margin-bottom:48px;letter-spacing:.5px;} .spd-spec-wrap{max-width:880px;margin:0 auto;} .spd-spec-group{margin-bottom:40px;} .spd-spec-group h5{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase; color:var(--blk);padding-bottom:12px;margin-bottom:6px;border-bottom:2px solid var(--blk);} .spd-row{display:flex;justify-content:space-between;gap:24px;padding:11px 0; border-bottom:1px solid var(--line);font-size:14.5px;} .spd-row span:first-child{color:var(--grey);} .spd-row span:last-child{color:var(--blk);font-weight:500;text-align:right;} /* BADGES */ .spd-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px; padding:48px 56px 64px;background:var(--bg2);} .spd-badge{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase; color:var(--blk);border:1px solid var(--line);background:#fff;border-radius:40px;padding:11px 22px;} /* RESPONSIVE */ @media(max-width:900px){ .spd-hero{grid-template-columns:1fr;padding:48px 28px;} .spd-hero-img{order:-1;} .spd-hero-img img{max-height:360px;} .spd-feat{grid-template-columns:1fr;} .spd-feat.rev .spd-feat-img{order:0;} .spd-feat-txt{padding:40px 28px;} .spd-bev,.spd-spec,.spd-badges{padding:48px 28px;} .spd-bev-grid{grid-template-columns:1fr 1fr;gap:28px;} } @media (max-width: 560px) { .spd-bev-grid { grid-template-columns: 1fr; } } body.category-id-4 #subcategories, body.category-id-5 #subcategories, body.category-id-6 #subcategories, body.category-id-7 #subcategories, body.category-id-8 #subcategories, body.category-id-9 #subcategories, body.category-id-43 #subcategories, body.category-id-46 #subcategories, body.category-id-48 #subcategories, body.category-id-54 #subcategories { display: none !important; } #search_filters .facet .facet-label { display: flex !important; align-items: flex-start !important; gap: 8px; } #search_filters .facet .facet-label .custom-checkbox { flex: 0 0 18px; margin-top: 2px; } #search_filters .facet .facet-label a { flex: 1; width: auto !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; line-height: 1.3; word-break: normal; }