/* Blue Nomads redesign (briefs 1-6): CSS that the Journal settings cannot express.
   Generated by the scripts in /home/bluenomads/backups/bn-scripts: edit them, not this file.
   One block per area, between BN-* START / END markers. */

/* BN-MEGA START */
/* Mega menu: pill chips + promo image. All other styling is in Journal module/style settings. */
.desktop-main-menu-wrapper .mega-menu-content div.links-menu-350 .module-body,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-412 .module-body,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-367 .module-body,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-378 .module-body{flex-wrap:wrap;gap:8px}
.desktop-main-menu-wrapper .mega-menu-content div.links-menu-350 .menu-item a,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-412 .menu-item a,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-367 .menu-item a,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-378 .menu-item a{display:inline-flex;align-items:center;min-height:32px;border:1px solid #D5DEE6;border-radius:999px}
.desktop-main-menu-wrapper .mega-menu-content div.links-menu-350 .menu-item a:hover,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-412 .menu-item a:hover,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-367 .menu-item a:hover,.desktop-main-menu-wrapper .mega-menu-content div.links-menu-378 .menu-item a:hover{border-color:#0B6FB8}
.desktop-main-menu-wrapper .mega-menu-content .module-products-393 img,.desktop-main-menu-wrapper .mega-menu-content .module-products-348 img,.desktop-main-menu-wrapper .mega-menu-content .module-products-402 img,.desktop-main-menu-wrapper .mega-menu-content .module-products-410 img,.desktop-main-menu-wrapper .mega-menu-content .module-products-365 img,.desktop-main-menu-wrapper .mega-menu-content .module-products-376 img,.desktop-main-menu-wrapper .mega-menu-content .module-products-421 img,.desktop-main-menu-wrapper .mega-menu-content .module-products-386 img{display:block}
/* BN-MEGA END */

/* BN-FOOTER START */
/* Footer: only what Journal settings cannot do. Everything else is in the Footer module 21 settings. */
/* social links as pills */
footer div.links-menu-426 .module-body,footer div.links-menu-427 .module-body{flex-wrap:wrap;gap:8px}
footer div.links-menu-426 .menu-item a,footer div.links-menu-427 .menu-item a{border:1px solid rgba(255,255,255,.25);border-radius:999px;justify-content:center}
footer div.links-menu-426 .menu-item a:hover,footer div.links-menu-427 .menu-item a:hover{border-color:#fff}
/* phone: Call / Email / Map tiles with the icon above the label */
.phone footer .module-button-434 .btn,.phone footer .module-button-435 .btn,.phone footer .module-button-436 .btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;line-height:1.2}
.phone footer .module-button-434 .btn::before,.phone footer .module-button-435 .btn::before,.phone footer .module-button-436 .btn::before{margin:0 !important}
/* phone: newsletter email and button stacked, full width */
.phone footer .module-newsletter-67 .newsletter-form,.phone footer .module-newsletter-67 form{width:100%}
.phone footer .module-newsletter-67 .module-body .input-group{display:flex;flex-direction:column;gap:12px;width:100%;height:auto !important}
.phone footer .module-newsletter-67 .input-group input{width:100% !important;max-width:100%;height:50px;min-height:50px;flex:0 0 50px;border-radius:10px !important}
.phone footer .module-newsletter-67 .input-group-btn,.phone footer .module-newsletter-67 .input-group-btn .btn{display:block;width:100%;border-radius:10px !important}
/* BN-FOOTER END */

/* BN-PRODUCT START */
/* Product page: only what Journal settings cannot do. Layout, fonts, buttons, tabs and cards are Journal styles (*_BNPP). */
/* "Δεν ξέρεις αν ταιριάζει;" card (Product Blocks 443): rounded corners (grid columns have no radius option) */
.route-product-product .product-blocks-443 .grid-col{border-radius:14px}
/* desktop/tablet: tabs left, help card right on the same line (both live in the "default" product blocks) */
@media (min-width: 1025px){
.route-product-product .product-blocks.blocks-default{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:48px;align-items:start}
.route-product-product .product-blocks.blocks-default>*{grid-column:1}
.route-product-product .product-blocks.blocks-default>.product-blocks-443{grid-column:2;grid-row:1 / span 20;margin-top:8px}
}
/* buy box alignment: Journal emits the quantity height with a broken selector and adds its own margins */
.route-product-product:not(.popup) .product-info .button-group-page .stepper{height:54px}
.route-product-product:not(.popup) .product-info .button-group-page .stepper-group{display:flex;flex-wrap:wrap;gap:12px}
.route-product-product:not(.popup) .product-info .button-group-page .stepper-group .btn-cart{margin:0}
.route-product-product:not(.popup) .product-info .button-group-page .extra-group{width:100%;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:4px}
.route-product-product:not(.popup) .product-info .button-group-page .extra-group>div{display:flex;flex-direction:column;gap:4px;width:100%}
.route-product-product:not(.popup) .product-info .button-group-page .extra-group .btn{margin:0 !important}
.route-product-product:not(.popup) .product-info .button-group-page .btn-extra-93{align-self:flex-start;width:auto;height:44px;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;color:#4A5B6B !important;font-weight:500}
.route-product-product:not(.popup) .product-info .button-group-page .btn-extra-93:hover{color:#0B6FB8 !important}
.route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare{margin-top:0;justify-content:flex-start;gap:24px}
.route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare .btn{margin:0}
/* related cards: image box (Journal emits the product-grid image options with broken selectors) */
.route-product-product .module-products-272 .product-thumb .image{background:#F4F6F8;border-radius:14px;padding:10px;overflow:hidden}
.route-product-product .module-products-272 .product-thumb .description,.route-product-product .module-products-272 .product-thumb .rating{display:none !important}
/* phone: breadcrumb becomes a single "‹ category" back link */
.phone.route-product-product ul.breadcrumb{justify-content:flex-start}
.phone.route-product-product ul.breadcrumb li{display:none}
.phone.route-product-product ul.breadcrumb li:nth-last-child(2){display:flex}
.phone.route-product-product ul.breadcrumb li:nth-last-child(2)::before{display:none}
.phone.route-product-product ul.breadcrumb li:nth-last-child(2) a::before{content:'\2039';margin-right:8px;font-size:20px;line-height:1}
/* phone: related products as a horizontal list, about two cards visible */
.phone.route-product-product .module-products-272 .product-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.phone.route-product-product .module-products-272 .product-grid .product-layout{flex:0 0 168px;width:168px !important;padding:0 !important;scroll-snap-align:start}
/* phone: sticky add-to-cart bar (built by the BN-PRODUCT custom JS) */
.route-product-product .bn-sticky{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 20px rgba(8,32,58,.12);transform:translateY(110%);transition:transform .2s}
.route-product-product .bn-sticky.is-on{transform:none}
.route-product-product .bn-sticky-info{flex:1;min-width:0}
.route-product-product .bn-sticky-name{font-size:13px;color:#4A5B6B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.route-product-product .bn-sticky-price{font:700 18px 'Commissioner',sans-serif;color:#0B2A45}
.route-product-product .bn-sticky-btn{flex:0 0 auto;min-height:48px;padding:0 22px;border:0;border-radius:10px;background:#1E7B3C;color:#fff;font:600 16px 'Commissioner',sans-serif}
.route-product-product.bn-has-sticky .site-wrapper{padding-bottom:72px}
/* required option not chosen: the theme resets the error colour (.has-error .text-danger{color:inherit}), so the message
   read as plain text; red message and red outline on the option (scroll into view: BN-PRODUCT JS) */
.route-product-product #product .form-group.has-error .text-danger{display:flex;align-items:center;gap:6px;margin-top:8px;color:#B23A0C;font:600 14px 'Inter',sans-serif}
.route-product-product #product .form-group.has-error .text-danger::before{content:'\f06a';font-family:icomoon;font-weight:400}
.route-product-product #product .form-group.has-error .control-label{color:#B23A0C}
.route-product-product #product .form-group.has-error .radio label,.route-product-product #product .form-group.has-error .checkbox label,.route-product-product #product .form-group.has-error select{border-color:#B23A0C !important}
/* BN-PRODUCT END */

/* BN-CATEGORY START */
/* Category & listings: only what Journal settings cannot do. Card, columns, pagination, filter are Journal styles (*_BNCAT). */
/* breadcrumb and H1 sit outside the page container: same 1280px width and side padding as the content */
.route-product-category ul.breadcrumb,.route-product-category h1.page-title>span{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.phone.route-product-category ul.breadcrumb,.phone.route-product-category h1.page-title>span{padding-left:16px;padding-right:16px}
/* listing card: image box (Journal emits the product-grid image options with broken selectors) */
.main-products.product-grid .product-thumb .image{background:#F4F6F8;border-radius:14px;overflow:hidden}
/* hide description and rating in listing cards (the Journal settings for them emit broken selectors) */
.main-products.product-grid .product-thumb .description,.main-products.product-grid .product-thumb .rating{display:none !important}
/* "Δες επίσης": label and pills on one line, pills as wide as their text (Journal sizes them as grid columns);
   the old site rule .refine-categories{margin-top:-50px} is cancelled here */
.route-product-category .refine-categories{display:flex;align-items:center;gap:8px;margin-top:0}
.route-product-category .refine-links .refine-items{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.route-product-category .refine-links .refine-item{width:auto !important;flex:0 0 auto}
.route-product-category .refine-links .refine-name{white-space:nowrap}
/* phone: no label, one scrolling row of pills (as in the mobile design) */
.phone.route-product-category .refine-categories .refine-title{display:none}
.phone.route-product-category .refine-links .refine-items{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.phone.route-product-category .refine-links .refine-items::-webkit-scrollbar{display:none}
/* grid card layout: brand, name, availability, then price with a 44px cart button on the same line */
.main-products.product-grid .product-thumb .caption{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}
.main-products.product-grid .product-thumb .caption>*{grid-column:1 / -1}
.main-products.product-grid .product-thumb .stats{display:contents}
.main-products.product-grid .product-thumb .stat-1{grid-row:1}
.main-products.product-grid .product-thumb .name{grid-row:2;margin:2px 0 0}
.main-products.product-grid .product-thumb .stat-2{grid-row:3;margin:6px 0 8px}
.main-products.product-grid .product-thumb .price{grid-row:4;grid-column:1;margin:0;justify-content:flex-start}
.main-products.product-grid .product-thumb .buttons-wrapper{grid-row:4;grid-column:2;margin:0;width:auto;position:static}
.main-products.product-grid .product-thumb .btn-cart{width:44px;height:44px;min-width:44px;padding:0;border-radius:10px !important;justify-content:center}
/* filter sections: Journal emits the section order (sortOrder) as CSS order, the container must be flex for it */
.module-filter-36 .panel-group{display:flex;flex-direction:column}
/* the availability label on the image repeats the availability line of the card: hidden in listings only */
.main-products .product-thumb .product-label-30{display:none}
/* availability with a dot: amber when not in stock (e.g. 1–3 days), green when in stock */
.main-products.product-grid .product-thumb .stat-2{display:inline-flex;align-items:center;gap:6px}
.main-products.product-grid .product-thumb .stat-2::before{content:'';width:7px;height:7px;border-radius:4px;background:#D99000;flex:0 0 auto}
.main-products.product-grid .product-layout:not(.out-of-stock) .product-thumb .stat-2::before{background:#1E7B3C}
.main-products.product-grid .product-layout:not(.out-of-stock) .product-thumb .stat-2{color:#1E7B3C}
/* wishlist as a round button on the image */
.main-products.product-grid .product-thumb .wish-group{justify-content:flex-end;padding:10px;pointer-events:none}
.main-products.product-grid .product-thumb .wish-group .btn-wishlist{pointer-events:auto;width:40px;height:40px;padding:0;border-radius:999px !important;background:#fff !important;box-shadow:0 2px 8px rgba(8,32,58,.12);color:#0B2A45}
/* "Θέλεις βοήθεια στην επιλογή;" card in the left column: rounded corners */
.route-product-category #column-left .grid-row:nth-child(2) .grid-col{border-radius:14px}
/* phone: breadcrumb becomes a single "‹ parent category" back link */
.phone.route-product-category ul.breadcrumb{justify-content:flex-start}
.phone.route-product-category ul.breadcrumb li{display:none}
.phone.route-product-category ul.breadcrumb li:nth-last-child(2){display:flex}
.phone.route-product-category ul.breadcrumb li:nth-last-child(2)::before{display:none}
.phone.route-product-category ul.breadcrumb li:nth-last-child(2) a::before{content:'\2039';margin-right:8px;font-size:20px;line-height:1}
/* phone: filters open as a bottom sheet (Journal opens its own filter panel from the side) */
.phone.route-product-category .mobile-filter-container{top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;height:85vh;border-radius:20px 20px 0 0;transform:translate3d(0,100%,0);display:flex;flex-direction:column}
.phone.route-product-category.mobile-filter-container-open .mobile-filter-container.animating{transform:translate3d(0,0,0) !important}
.phone.route-product-category .mobile-filter-container .mobile-filter-wrapper{flex:1;overflow-y:auto}
.phone.route-product-category .mobile-filter-trigger{display:none !important}
.phone.route-product-category .bn-sheet-actions{display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #E2E8EE;background:#fff}
.phone.route-product-category .bn-sheet-actions button{flex:1;min-height:50px;border-radius:10px;font:600 16px 'Commissioner',sans-serif}
.phone.route-product-category .bn-sheet-clear{border:1px solid #C9D4DE;background:#fff;color:#0B2A45}
.phone.route-product-category .bn-sheet-show{border:0;background:#0B2A45;color:#fff}
/* phone: sticky "Φίλτρα (N)" + sort bar */
.phone.route-product-category .bn-filterbar{position:sticky;top:var(--bn-sticky-top,0);z-index:20;display:flex;gap:10px;padding:10px 0;background:#fff;border-bottom:1px solid #E2E8EE;margin-bottom:12px}
.phone.route-product-category .bn-filterbar button,.phone.route-product-category .bn-filterbar select{flex:1;min-height:44px;border:1px solid #C9D4DE;border-radius:10px;background:#fff;color:#0B2A45;font:600 15px 'Inter',sans-serif;padding:0 12px}
.phone.route-product-category .products-filter .select-group{display:none}
/* BN-CATEGORY END */

/* BN-HEADER START */
/* Header: only what the Journal header settings cannot do. Everything else is header 240 / 255 settings and *_BNHD styles. */
/* desktop top bar: language selector at the far right */
.desktop-header-active .top-bar .third-menu{margin-left:auto;order:5}
.desktop-header-active .top-bar .language-currency{order:10}
/* mega menu heading: space between the title and its subtitle on the same line (no title-module setting for it) */
.desktop-header-active .mega-menu-content .title-module .title-wrapper h3{margin-right:16px}
/* desktop categories bar: 3px underline on hover / open mega menu */
.desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a{box-shadow:inset 0 -3px 0 transparent;transition:box-shadow .15s}
.desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item:hover > a,.desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.open > a{box-shadow:inset 0 -3px 0 #0B6FB8}
/* desktop cart: "Καλάθι" over the total (text split by the BN-HEADER JS) */
.desktop-header-active #cart #cart-total{flex-direction:column;align-items:flex-start;line-height:1.15}
.desktop-header-active #cart .bn-cart-label{display:block;font:400 11px Inter,sans-serif;color:#9FB3C6}
.desktop-header-active #cart .bn-cart-total{display:block;font:600 15px 'Commissioner',sans-serif;color:#fff}
/* desktop sticky (64px): logo 36px, categories without icons, search button and cart (elements added by the JS) */
.bn-sticky-logo,.bn-sticky-actions{display:none}
.desktop-header-active .is-sticky .desktop-main-menu-wrapper .bn-sticky-logo{display:flex;align-items:center;flex:0 0 auto;margin-right:20px}
.desktop-header-active .is-sticky .desktop-main-menu-wrapper .bn-sticky-logo img{height:36px;width:auto}
.desktop-header-active .is-sticky .desktop-main-menu-wrapper .bn-sticky-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex:0 0 auto}
.desktop-header-active .is-sticky .desktop-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a::before{display:none}
.bn-sticky-actions a{position:relative;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}
.bn-sticky-actions .bn-sticky-search{border:1px solid #C9D4DE;background:#fff;color:#0B2A45}
.bn-sticky-actions .bn-sticky-cart{background:#0B2A45;color:#fff}
.bn-sticky-actions .bn-sticky-search::before{content:'\f002';font-family:icomoon}
.bn-sticky-actions .bn-sticky-cart::before{content:'\f07a';font-family:icomoon}
.bn-sticky-actions .bn-sticky-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#F2B544;color:#0B2A45;font:700 11px Inter,sans-serif;display:flex;align-items:center;justify-content:center}
/* category icons the icon font lacks (diving mask, speargun, swimmer, hunting dog): SVGs in image/catalog/bn-icons used as
   a mask, so they take the menu text colour (and its hover colour) like the font icons. Menu 3 desktop, 422 phone.
   The drawings leave a margin inside their 24px box, so the box is 1.3em (negative margins keep the line height). */
html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-2>a::before,html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-3>a::before,html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-4>a::before,html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-6>a::before,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-55>a::before,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-107>a::before,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-134>a::before,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-163>a::before{content:''!important;display:inline-block;width:1.3em;height:1.3em;margin-top:-.15em;margin-bottom:-.15em;vertical-align:middle;background-color:currentColor;-webkit-mask:var(--bn-ico) center/contain no-repeat;mask:var(--bn-ico) center/contain no-repeat}
html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-2>a,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-55>a{--bn-ico:url(/image/catalog/bn-icons/dive.svg)}
html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-3>a,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-107>a{--bn-ico:url(/image/catalog/bn-icons/spear.svg)}
html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-4>a,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-134>a{--bn-ico:url(/image/catalog/bn-icons/swim.svg)}
html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item-6>a,html div.main-menu.main-menu-422 > .j-menu .menu-item.main-menu-item-163>a{--bn-ico:url(/image/catalog/bn-icons/hunt.svg)}
/* mobile: logo display height 40px (same file, proportional; there is no mobile logo size setting) */
.mobile-header-active .mobile-header #logo img{height:40px !important;width:auto !important;max-width:none !important}
/* mobile strip: one line */
/* mobile strip: one line (font / truncation are the MENU_TOPBAR_MOBILE_BNHD style); the text may shrink, the language button not */
.mobile-header-active .mobile-top-bar .mobile-top-menu-wrapper{flex:1 1 auto;min-width:0;overflow:hidden}
.mobile-header-active .mobile-top-bar .mobile-top-menu-wrapper .top-menu,.mobile-header-active .mobile-top-bar .mobile-top-menu-wrapper .j-menu,.mobile-header-active .mobile-top-bar .mobile-top-menu-wrapper .j-menu>li,.mobile-header-active .mobile-top-bar .mobile-top-menu-wrapper .j-menu>li>a{min-width:0;max-width:100%}
/* mobile language switcher: the flag alone is a 16x11px target; full strip height, 48px wide, larger options */
.mobile-header-active .mobile-top-bar .language-currency{flex:0 0 auto;align-self:stretch;display:flex;align-items:stretch}
.mobile-header-active .mobile-top-bar .mobile-language-wrapper,.mobile-header-active .mobile-top-bar .language,.mobile-header-active .mobile-top-bar .language .dropdown{height:100%;display:flex;align-items:stretch}
.mobile-header-active .mobile-top-bar .language .dropdown-toggle{min-width:48px;height:100%;min-height:32px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:4px}
.mobile-header-active .mobile-top-bar .language .dropdown-toggle .symbol img{width:20px;height:auto}
.mobile-header-active .mobile-top-bar .language .j-dropdown .j-menu>li>a{min-height:44px;padding:0 14px;font-size:15px;align-items:center}
/* mobile search: always visible, 46px, 16px text (no iOS zoom), no category selector */
.mobile-header-active .mobile-search-group{background:#fff;padding:0 12px 8px}
.mobile-header-active .mobile-search-group .search-categories{display:none !important}
.mobile-header-active .mobile-search-group .header-search{height:46px;border:0;border-radius:12px;background:#EEF2F6;overflow:hidden}
.mobile-header-active .mobile-search-group .header-search input{font-size:16px !important;background:transparent}
/* mobile quick category pills (built by the JS from the mobile menu links) */
.mobile-header-active .bn-pills{display:flex;gap:8px;overflow-x:auto;padding:0 12px 12px;background:#fff;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mobile-header-active .bn-pills::-webkit-scrollbar{display:none}
.mobile-header-active .bn-pills a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid #D5DEE6;border-radius:999px;background:#fff;color:#13212E;font:500 14px Inter,sans-serif;white-space:nowrap}
.mobile-header-active .bn-pills a.bn-stock{color:#B23A0C;background:#FBEDE7;border-color:#F3CDBF}
/* BN-HEADER END */

/* BN-HOME START */
/* Home hero (Blocks modules "BN HOME · Hero ..."): Vimeo background video on desktop/tablet, poster frame on phones */
.route-common-home .module-blocks .block-content.block-html:has(.bn-hero){padding:0;margin:0}
.route-common-home .bn-hero{position:relative;overflow:hidden;height:560px;background:#0B2A45;display:flex;align-items:flex-end;text-align:left}
.route-common-home .bn-hero.bn-hero-phone{height:440px}
.route-common-home .bn-hero .bn-hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
/* video covers the hero (16:9 iframe scaled to cover, as in the design) */
.route-common-home .bn-hero .bn-hero-video{position:absolute;inset:0;pointer-events:none}
.route-common-home .bn-hero .bn-hero-video iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;opacity:0;transition:opacity .4s}
.route-common-home .bn-hero .bn-hero-video iframe.is-playing{opacity:1}
.route-common-home .bn-hero .bn-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,32,58,.55),rgba(8,32,58,.15) 60%)}
.route-common-home .bn-hero .bn-hero-inner{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:0 20px 72px;display:flex;flex-direction:column;gap:18px}
.route-common-home .bn-hero .bn-hero-eyebrow{font:600 13px 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8EC5EE}
.route-common-home .bn-hero h1{margin:0;max-width:720px;font:700 52px/1.08 'Commissioner',sans-serif;letter-spacing:-.02em;color:#fff}
.route-common-home .bn-hero p{margin:0;max-width:560px;font:400 18px/1.5 'Inter',sans-serif;color:#E2EBF3}
.route-common-home .bn-hero .bn-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.route-common-home .bn-hero .bn-hero-btns a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:10px;font:600 16px 'Commissioner',sans-serif;text-decoration:none}
.route-common-home .bn-hero .bn-btn-w{background:#fff;color:#0B2A45}
.route-common-home .bn-hero .bn-btn-w:hover{background:#E6F0F8;color:#0B2A45}
.route-common-home .bn-hero .bn-btn-o{border:1.5px solid rgba(255,255,255,.7);color:#fff}
.route-common-home .bn-hero .bn-btn-o:hover{background:rgba(255,255,255,.12);color:#fff}
.route-common-home .bn-hero .bn-hero-pause{position:absolute;right:32px;bottom:32px;width:48px;height:48px;border-radius:999px;border:1.5px solid rgba(255,255,255,.6);background:rgba(8,32,58,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.route-common-home .bn-hero .bn-hero-pause:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* phone */
.route-common-home .bn-hero.bn-hero-phone .bn-hero-inner{padding:0 20px 32px;gap:14px}
.route-common-home .bn-hero.bn-hero-phone .bn-hero-eyebrow{font-size:12px}
.route-common-home .bn-hero.bn-hero-phone h1{font-size:32px;line-height:1.12;letter-spacing:0}
.route-common-home .bn-hero.bn-hero-phone p{font-size:15px}
.route-common-home .bn-hero.bn-hero-phone .bn-hero-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.route-common-home .bn-hero.bn-hero-phone .bn-hero-btns a{min-height:50px;padding:0;font-size:15px}
/* categories: icon area across the top of the card, name with an arrow below (Info Blocks put the icon in a small centred box) */
.route-common-home .module-info_blocks-452 .info-block{align-items:stretch;text-align:left;overflow:hidden;height:100%}
.route-common-home .module-info_blocks-452 .info-block::before{align-self:stretch;width:auto;display:flex;align-items:center;justify-content:center}
.route-common-home .module-info_blocks-452 .info-block-content{flex:1;align-items:center}
.route-common-home .module-info_blocks-452 .info-block-title{flex:1;display:flex;justify-content:space-between;align-items:center;gap:8px}
.route-common-home .module-info_blocks-452 .info-block-title::after{content:'\2192';font:400 16px 'Inter',sans-serif;color:#5A6B7A}
/* custom category icons (image/catalog/bn-icons, blue variant) on the cards: diving, spearfishing, swimming, hunting */
.route-common-home .module-info_blocks-452 .module-item-1 .info-block::before,.route-common-home .module-info_blocks-452 .module-item-2 .info-block::before,.route-common-home .module-info_blocks-452 .module-item-4 .info-block::before,.route-common-home .module-info_blocks-452 .module-item-5 .info-block::before{content:''!important;background-repeat:no-repeat!important;background-position:center!important;background-size:56px!important}
.route-common-home .module-info_blocks-452 .module-item-1 .info-block::before{background-image:url(/image/catalog/bn-icons/dive-blue.svg)!important}
.route-common-home .module-info_blocks-452 .module-item-2 .info-block::before{background-image:url(/image/catalog/bn-icons/spear-blue.svg)!important}
.route-common-home .module-info_blocks-452 .module-item-4 .info-block::before{background-image:url(/image/catalog/bn-icons/swim-blue.svg)!important}
.route-common-home .module-info_blocks-452 .module-item-5 .info-block::before{background-image:url(/image/catalog/bn-icons/hunt-blue.svg)!important}
.phone.route-common-home .module-info_blocks-452 .info-block::before{height:110px;font-size:44px;background-size:44px!important}
.phone.route-common-home .module-info_blocks-452 .info-block-content{padding:12px 14px}
.phone.route-common-home .module-info_blocks-452 .info-block-title{font-size:15px}
/* brands: the existing banner image on top of the card, uncropped */
.route-common-home .module-info_blocks-454,.route-common-home .module-info_blocks-455{text-align:left}
.route-common-home .module-info_blocks-454 .info-block,.route-common-home .module-info_blocks-455 .info-block{align-items:stretch;overflow:hidden;height:100%}
.route-common-home .module-info_blocks-454 .info-block-img,.route-common-home .module-info_blocks-455 .info-block-img{width:100%;height:auto;margin:0;border-radius:0;align-self:stretch}
.route-common-home .module-info_blocks-454 .info-block-content{flex-direction:column;align-items:flex-start;text-align:left}
.route-common-home .module-info_blocks-454 .info-block-content::after{content:'Δες τη συλλογή';display:inline-flex;align-items:center;min-height:42px;margin-top:14px;padding:0 18px;border-radius:10px;background:#fff;color:#0B2A45;font:600 14px 'Commissioner',sans-serif}
html[lang^=en] .module-info_blocks-454 .info-block-content::after{content:'View the collection'}
.route-common-home .module-info_blocks-454 a.info-block:hover .info-block-content::after{background:#E6F0F8}
.route-common-home .module-info_blocks-454{margin-bottom:20px}
.route-common-home .module-info_blocks-455 .info-block-content{flex-direction:column;align-items:center;text-align:center}
/* products: tabs on the left, arrows top right (carousel style), card as in the category listing */
.route-common-home .module-products-257 .tab-container{position:relative}
.route-common-home .module-products-257 .nav-tabs{padding-right:110px}
.route-common-home .module-products-257 .swiper{position:static}
.route-common-home .module-products-257 .swiper-buttons{top:28px !important;right:0;left:auto;width:auto}
.route-common-home .module-products-257 .swiper-buttons div{position:static;display:inline-flex;align-items:center;justify-content:center;transform:none !important;margin-left:8px}
.route-common-home .module-products-257 .product-grid .product-thumb .image{background:#F4F6F8;border-radius:14px;overflow:hidden}
.route-common-home .module-products-257 .product-grid .product-thumb .description,.route-common-home .module-products-257 .product-grid .product-thumb .rating{display:none !important}
.route-common-home .module-products-257 .product-grid .product-thumb .caption{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}
.route-common-home .module-products-257 .product-grid .product-thumb .caption>*{grid-column:1 / -1}
.route-common-home .module-products-257 .product-grid .product-thumb .stats{display:contents}
.route-common-home .module-products-257 .product-grid .product-thumb .stat-1{grid-row:1}
.route-common-home .module-products-257 .product-grid .product-thumb .name{grid-row:2;margin:2px 0 0}
.route-common-home .module-products-257 .product-grid .product-thumb .stat-2{grid-row:3;margin:6px 0 8px}
.route-common-home .module-products-257 .product-grid .product-thumb .price{grid-row:4;grid-column:1;margin:0;justify-content:flex-start}
.route-common-home .module-products-257 .product-grid .product-thumb .buttons-wrapper{grid-row:4;grid-column:2;margin:0;width:auto;position:static}
.route-common-home .module-products-257 .product-grid .product-thumb .btn-cart{width:44px;height:44px;min-width:44px;padding:0;border-radius:10px !important;justify-content:center}
.route-common-home .module-products-257 .product-thumb .product-label-30{display:none}
.route-common-home .module-products-257 .product-grid .product-thumb .stat-2{display:inline-flex;align-items:center;gap:6px}
.route-common-home .module-products-257 .product-grid .product-thumb .stat-2::before{content:'';width:7px;height:7px;border-radius:4px;background:#D99000;flex:0 0 auto}
.route-common-home .module-products-257 .product-grid .product-layout:not(.out-of-stock) .product-thumb .stat-2::before{background:#1E7B3C}
.route-common-home .module-products-257 .product-grid .product-layout:not(.out-of-stock) .product-thumb .stat-2{color:#1E7B3C}
.route-common-home .module-products-257 .product-grid .product-thumb .wish-group{justify-content:flex-end;padding:10px;pointer-events:none}
.route-common-home .module-products-257 .product-grid .product-thumb .wish-group .btn-wishlist{pointer-events:auto;width:40px;height:40px;padding:0;border-radius:999px !important;background:#fff !important;box-shadow:0 2px 8px rgba(8,32,58,.12);color:#0B2A45}
/* phone: the three tabs as pills, scrolling sideways; the carousel is swiped */
.phone.route-common-home .module-products-257 .nav-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:0 0 4px;border:0;scrollbar-width:none}
.phone.route-common-home .module-products-257 .nav-tabs::-webkit-scrollbar{display:none}
.phone.route-common-home .module-products-257 .nav-tabs>li{flex:0 0 auto;margin:0}
.phone.route-common-home .module-products-257 .nav-tabs>li>a{height:40px;padding:0 16px;border:1px solid #D5DEE6;border-radius:999px;font:600 15px 'Inter',sans-serif;color:#13212E;box-shadow:none}
.phone.route-common-home .module-products-257 .nav-tabs>li.active>a{background:#0B2A45;border-color:#0B2A45;color:#fff}
.phone.route-common-home .module-products-257 .swiper-buttons{display:none !important}
/* Diving Center (Blocks module, html) */
.route-common-home .block-content.block-html:has(.bn-dive){padding:0;margin:0;text-align:left}
.route-common-home .bn-dive{display:flex;flex-wrap:wrap;border-radius:20px;background:#0B2A45;overflow:hidden}
.route-common-home .bn-dive-text{flex:1 1 520px;padding:48px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.route-common-home .bn-dive-eyebrow{font:600 12px 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8EC5EE}
.route-common-home .bn-dive h2{margin:0;font:700 34px/1.15 'Commissioner',sans-serif;color:#fff}
.route-common-home .bn-dive p{margin:0;max-width:480px;font:400 16px/1.6 'Inter',sans-serif;color:#D3DFEA}
.route-common-home .bn-dive-btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:50px;margin-top:8px;padding:0 24px;border-radius:10px;background:#fff;color:#0B2A45 !important;font:600 15px 'Commissioner',sans-serif}
.route-common-home .bn-dive-btn:hover{background:#E6F0F8}
/* photo of the centre: to be supplied; navy placeholder until then */
.route-common-home .bn-dive-photo{flex:1 1 420px;min-height:300px;background:#123E63 center / cover no-repeat}
.phone.route-common-home .bn-dive-text{padding:28px 20px}
.phone.route-common-home .bn-dive h2{font-size:26px}
.phone.route-common-home .bn-dive-photo{min-height:200px}
/* SEO text (title module 313): shown again on the home page (old rule .p-category{display:none}), title left, text right,
   first paragraph visible, the rest stays in the HTML and opens with "Διάβασε περισσότερα" (BN-HOME JS) */
.route-common-home .module-title-313 .title-wrapper,.route-common-home .module-title-313 .subtitle{text-align:left;padding:0;margin:0}
.route-common-home .module-title-313 .title-divider{display:none}
.route-common-home .module-title-313 .p-category{display:block}
.route-common-home .module-title-313 .p-category::before{display:none}
/* no row gap: the title spans the rows of the right column, gaps would add up under the text */
.route-common-home .module-title-313 .p-category article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 64px;align-items:start}
.route-common-home .module-title-313 .p-category article>*{grid-column:2;margin:0 0 14px;font:400 15px/1.7 'Inter',sans-serif;color:#4A5B6B}
.route-common-home .module-title-313 .p-category article>h2:first-child{grid-column:1;grid-row:1 / span 99;font:700 26px/1.25 'Commissioner',sans-serif;color:#0B2A45}
.route-common-home .module-title-313 .p-category article>h2:first-child *{font:inherit;font-style:normal}
.route-common-home .module-title-313 .p-category h2:not(:first-child){font:600 17px/1.4 'Commissioner',sans-serif;color:#0B2A45}
.route-common-home .module-title-313 .p-category ol{padding-left:20px}
.route-common-home .module-title-313 .p-category article:not(.bn-open)>*:nth-child(n+3):not(.bn-more){display:none}
.route-common-home .module-title-313 .bn-more{justify-self:start;min-height:44px;padding:0;border:0;background:none;font:600 14px 'Inter',sans-serif;color:#0B6FB8;cursor:pointer}
.phone.route-common-home .module-title-313 .p-category article{grid-template-columns:minmax(0,1fr)}
.phone.route-common-home .module-title-313 .p-category article>*,.phone.route-common-home .module-title-313 .p-category article>h2:first-child{grid-column:1;grid-row:auto}
.phone.route-common-home .module-title-313 .p-category article>h2:first-child{font-size:22px}
/* BN-HOME END */

/* BN-CHECKOUT START */
/* Checkout: cards, form, titles, confirm button and cart table are the Journal checkout settings (*_BNCO).
   Here: the design layout (form left, summary right) by CSS grid only, and option cards. */
/* shipping / payment options as cards; the selected one with a navy border */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio,.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio{margin:0 !important;padding:0}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio label,.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio label{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin:0;padding:13px 15px;border:1px solid #D5DEE6;border-radius:12px;background:#fff;cursor:pointer;line-height:1.4}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio label:hover,.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio label:hover{border-color:#9FB3C6}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio label:has(input:checked),.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio label:has(input:checked){border:2px solid #0B2A45;background:#F7F9FB;padding:12px 14px}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio input,.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio input{flex:0 0 auto;width:18px;height:18px;margin:0;position:static;accent-color:#0B2A45}
/* the theme gives the option text width:100%, which pushed the radio onto its own line */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio label,.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio label{flex-wrap:nowrap}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio label span,.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio label span{width:auto;flex:1 1 auto;min-width:0}
.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio label img{height:20px;width:auto !important;margin:0 0 0 4px !important;vertical-align:middle}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body > div::before,.route-checkout-checkout .quick-checkout-wrapper .section-payment .section-body > div::before{display:none}
/* shipping options in one column: X-Shipping Pro inserts its description after each option (not inside it),
   so it sits as a note right under its card */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body,.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-wrapper,.route-checkout-checkout .quick-checkout-wrapper .section-payment .section-body{display:flex;flex-direction:column;gap:10px}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .xshippingpro-desc{margin:-4px 0 2px;padding:0 16px 0 46px;font-size:13px;line-height:1.45;color:#4A5B6B}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .xshippingpro-logo{height:22px;width:auto}
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shippings,.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-wrapper,.route-checkout-checkout .quick-checkout-wrapper .section-shipping .radio,.route-checkout-checkout .quick-checkout-wrapper .section-payment .radio{width:100% !important;max-width:none !important}
/* BOX NOW map (module markup with a fixed 600px height): its own card under shipping, lower */
.route-checkout-checkout .quick-checkout-wrapper #boxnow-iframe-window{min-height:0 !important;margin:0 0 20px !important;padding:20px 28px 24px;background:#fff;border:1px solid #E2E8EE;border-radius:16px}
.route-checkout-checkout .quick-checkout-wrapper #boxnowmap{height:420px !important;border-radius:12px;overflow:hidden}
.route-checkout-checkout .quick-checkout-wrapper #boxnow-iframe-window .alert{margin:0 0 12px !important;border-radius:10px}
/* cart in the 400px summary: each table row becomes a small card (image | name, total / quantity), no header,
   no borders (also cancels the old blue .table-responsive border), total 22px */
.route-checkout-checkout .quick-checkout-wrapper .cart-section .table-responsive{border:0 !important;border-radius:0;overflow:visible;margin:0}
.route-checkout-checkout .quick-checkout-wrapper .cart-section table,.route-checkout-checkout .quick-checkout-wrapper .cart-section table td{border:0 !important;background:none !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section thead,.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-model,.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-price{display:none !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section tbody tr{display:grid;grid-template-columns:56px minmax(0,1fr) auto;column-gap:12px;row-gap:8px;padding:12px 0;border-bottom:1px solid #E2E8EE}
.route-checkout-checkout .quick-checkout-wrapper .cart-section tbody td{display:block;width:auto !important;padding:0 !important;text-align:left !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-image{grid-column:1;grid-row:1 / 3}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-image img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#F4F6F8;padding:4px;border:0}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-product{grid-column:2;grid-row:1;font-size:13px;line-height:1.4}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-product a{font-weight:500;color:#13212E}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-total{grid-column:3;grid-row:1;font-weight:600;white-space:nowrap;text-align:right !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty{grid-column:2 / 4;grid-row:2}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group{display:flex;align-items:center;gap:6px;max-width:none !important;width:auto}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .stepper{width:72px;height:36px;flex:0 0 auto}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .stepper input{height:36px !important;font-size:15px !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn{display:flex;gap:6px;width:auto}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn{width:36px !important;min-width:36px !important;height:36px !important;min-height:36px !important;padding:0 !important;margin:0 !important;border-radius:8px !important}
/* cart colours: neutral update / remove buttons (red only on hover), shipping name without the module's inline green */
.route-checkout-checkout .quick-checkout-wrapper .cart-section tbody td,.route-checkout-checkout .quick-checkout-wrapper .cart-section tbody td *{border-bottom:0;box-shadow:none}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .stepper{border:1px solid #C9D4DE;border-radius:8px;overflow:hidden}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .stepper input{border:0 !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn,.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn-danger{background:#fff !important;border:1px solid #C9D4DE !important;color:#4A5B6B !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn::before,.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn i{color:#4A5B6B !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn:hover{border-color:#0B2A45 !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn-danger:hover{border-color:#B23A0C !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn-danger:hover::before,.route-checkout-checkout .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn-danger:hover i{color:#B23A0C !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section tfoot span[style],.route-checkout-checkout .quick-checkout-wrapper .cart-section tfoot strong span{color:inherit !important;font-weight:inherit !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section tfoot td{color:#4A5B6B}
.route-checkout-checkout .quick-checkout-wrapper .cart-section .section-body > table{width:100%;margin-top:8px}
.route-checkout-checkout .quick-checkout-wrapper .cart-section tfoot td{padding:4px 0 !important}
.route-checkout-checkout .quick-checkout-wrapper .cart-section tfoot tr:last-child td{padding-top:12px;font:700 22px 'Commissioner',sans-serif;color:#0B2A45}
.route-checkout-checkout .quick-checkout-wrapper .cart-section tfoot td strong{font-weight:inherit}
/* confirm: one column of ticks, comments box lower */
.route-checkout-checkout .quick-checkout-wrapper .confirm-section .checkbox label{display:flex;align-items:flex-start;gap:10px}
.route-checkout-checkout .quick-checkout-wrapper .confirm-section .checkbox input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;position:static;accent-color:#0B2A45}
/* desktop: form left (contact, shipping, BOX NOW map, payment), summary right 400px (cart, coupon, confirm; confirm sticky).
   Grid on the existing elements: .right and .shipping-payment become transparent (display:contents).
   Rows: 1-2 cart / coupon, 3 is flexible so the confirm card starts right below the coupon and the contact card
   ends at its own height; then shipping, map, payment, payment details. */
@media (min-width: 1025px){
.route-checkout-checkout .quick-checkout-wrapper > div{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:max-content max-content 1fr;column-gap:32px;align-items:start}
.route-checkout-checkout .quick-checkout-wrapper > div > .right,.route-checkout-checkout .quick-checkout-wrapper > div > .right > .shipping-payment{display:contents}
.route-checkout-checkout .quick-checkout-wrapper > div > .left{grid-column:1;grid-row:1 / 4;width:auto !important;padding:0 !important}
.route-checkout-checkout .quick-checkout-wrapper > div .section-shipping{grid-column:1;grid-row:4}
.route-checkout-checkout .quick-checkout-wrapper > div > .right > .shipping-payment > div:not([class]){grid-column:1;grid-row:5}
.route-checkout-checkout .quick-checkout-wrapper > div .section-payment{grid-column:1;grid-row:6}
.route-checkout-checkout .quick-checkout-wrapper > div .checkout-payment-details{grid-column:1;grid-row:7}
.route-checkout-checkout .quick-checkout-wrapper > div .cart-section{grid-column:2;grid-row:1}
.route-checkout-checkout .quick-checkout-wrapper > div .section-cvr{grid-column:2;grid-row:2}
.route-checkout-checkout .quick-checkout-wrapper > div .confirm-section{grid-column:2;grid-row:3 / 8;position:sticky;top:96px}
}
/* shipping and payment are separate cards (Journal wraps them in one section) */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping,.route-checkout-checkout .quick-checkout-wrapper .section-payment{width:auto !important;padding:24px 28px !important;margin:0 0 20px !important;background:#fff;border:1px solid #E2E8EE;border-radius:16px}
.route-checkout-checkout .quick-checkout-wrapper .shipping-payment{padding:0 !important;border:0 !important;background:none !important}
/* page head on the grey page: breadcrumb and title without the white bands (old rule .breadcrumb{background:#fff}) */
.route-checkout-checkout .breadcrumb,.route-checkout-checkout ul.breadcrumb,.route-checkout-checkout h1.page-title,.route-checkout-checkout .page-title>span{background:transparent !important;box-shadow:none !important}
.route-checkout-checkout .breadcrumb::before,.route-checkout-checkout .breadcrumb::after{background:transparent !important}
.route-checkout-checkout h1.page-title,.route-checkout-checkout h1.page-title>span{font:700 32px/1.2 'Commissioner',sans-serif;color:#0B2A45;text-transform:none;letter-spacing:0}
.route-checkout-checkout h1.page-title{margin:32px 0 24px}
/* fields as wide as the card (the theme form caps them at 350–500px) */
.route-checkout-checkout .quick-checkout-wrapper input.form-control,.route-checkout-checkout .quick-checkout-wrapper select.form-control,.route-checkout-checkout .quick-checkout-wrapper textarea.form-control{max-width:none !important;width:100%}
.route-checkout-checkout .quick-checkout-wrapper .form-group .control-label{max-width:none !important;width:100%}
/* account type (login / register / guest): a slim card with the three choices on one line */
.route-checkout-checkout .quick-checkout-wrapper .section-login .section-body .login-options{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0}
.route-checkout-checkout .quick-checkout-wrapper .section-login .login-options .radio{width:auto !important;margin:0 !important}
/* two fields per line where the design pairs them (each field keeps its Journal "order") */
@media (min-width: 761px){
.route-checkout-checkout .quick-checkout-wrapper .section-register .section-body,.route-checkout-checkout .quick-checkout-wrapper .payment-address .section-body,.route-checkout-checkout .quick-checkout-wrapper .shipping-address .section-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;align-items:start}
.route-checkout-checkout .quick-checkout-wrapper .section-register .section-body > *,.route-checkout-checkout .quick-checkout-wrapper .payment-address .section-body > *,.route-checkout-checkout .quick-checkout-wrapper .shipping-address .section-body > *{grid-column:1 / -1}
.route-checkout-checkout .quick-checkout-wrapper .section-body > .account-firstname,.route-checkout-checkout .quick-checkout-wrapper .section-body > .account-lastname,.route-checkout-checkout .quick-checkout-wrapper .section-body > .account-telephone,.route-checkout-checkout .quick-checkout-wrapper .section-body > .account-email,.route-checkout-checkout .quick-checkout-wrapper .section-body > .account-pass,.route-checkout-checkout .quick-checkout-wrapper .section-body > .account-pass2,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-firstname,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-lastname,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-address-1,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-address-2,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-city,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-postcode,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-country,.route-checkout-checkout .quick-checkout-wrapper .section-body > .address-zone{grid-column:auto}
}
@media (max-width: 760px){
.route-checkout-checkout .quick-checkout-wrapper .section-shipping,.route-checkout-checkout .quick-checkout-wrapper .section-payment{padding:20px 16px !important}
.route-checkout-checkout .quick-checkout-wrapper #boxnow-iframe-window{padding:16px}
.route-checkout-checkout h1.page-title,.route-checkout-checkout h1.page-title>span{font-size:24px}
.route-checkout-checkout h1.page-title{margin:20px 0 16px}
.route-checkout-checkout .quick-checkout-wrapper #boxnowmap{height:360px !important}
}
/* BN-CHECKOUT END */

/* BN-CART START */
/* Cart page: buttons, table and update / remove are Journal styles (*_BNCART, TABLE_BNCO); perks and payment info are
   modules 457 / 458 in the Checkout layout (content_bottom), hidden on the checkout page. */
.route-checkout-checkout #content-bottom{display:none}
/* head: no white bands, large title */
.route-checkout-cart .breadcrumb,.route-checkout-cart ul.breadcrumb,.route-checkout-cart h1.page-title,.route-checkout-cart .page-title>span{background:transparent !important;box-shadow:none !important}
.route-checkout-cart h1.page-title,.route-checkout-cart h1.page-title>span{font:700 32px/1.2 'Commissioner',sans-serif;color:#0B2A45;text-transform:none;letter-spacing:0}
.route-checkout-cart h1.page-title{margin:32px 0 24px}
/* products: each table row becomes a card (image 112px | name, code | total; quantity and remove below) */
.route-checkout-cart .cart-table .table-responsive{border:0 !important;border-radius:0;overflow:visible;margin:0}
.route-checkout-cart .cart-table table,.route-checkout-cart .cart-table table td,.route-checkout-cart .cart-table table tr{border:0 !important;background:none !important;box-shadow:none !important}
.route-checkout-cart .cart-table thead{display:none}
.route-checkout-cart .cart-table tbody{display:flex;flex-direction:column;gap:12px}
.route-checkout-cart .cart-table tbody tr{display:grid;grid-template-columns:112px minmax(0,1fr) auto;column-gap:20px;row-gap:6px;align-items:start;padding:20px;background:#fff;border:1px solid #E2E8EE;border-radius:16px}
.route-checkout-cart .cart-table tbody td{display:block;width:auto !important;padding:0 !important;text-align:left !important;vertical-align:top}
.route-checkout-cart .cart-table .td-image{grid-column:1;grid-row:1 / 4}
.route-checkout-cart .cart-table .td-image img{width:112px;height:112px;object-fit:contain;padding:8px;border-radius:12px;background:#F4F6F8;border:0}
.route-checkout-cart .cart-table .td-name{grid-column:2;grid-row:1;font-size:15px;line-height:1.4}
.route-checkout-cart .cart-table .td-name a{font-weight:500;color:#13212E}
.route-checkout-cart .cart-table .td-name small{color:#4A5B6B;font-size:13px}
.route-checkout-cart .cart-table .td-model{grid-column:2;grid-row:2;font-size:13px;color:#5A6B7A}
.route-checkout-cart .cart-table .td-model::before{content:'Κωδ. '}
html[lang^=en] .cart-table .td-model::before{content:'Code '}
.route-checkout-cart .cart-table .td-total{grid-column:3;grid-row:1;font:700 18px 'Commissioner',sans-serif;color:#0B2A45;white-space:nowrap;text-align:right !important}
.route-checkout-cart .cart-table .td-price{grid-column:3;grid-row:2;font-size:12px;color:#5A6B7A;white-space:nowrap;text-align:right !important}
.route-checkout-cart .cart-table .td-price::after{content:' / τεμ.'}
html[lang^=en] .cart-table .td-price::after{content:' each'}
.route-checkout-cart .cart-table .td-qty{grid-column:2 / 4;grid-row:3;margin-top:8px}
.route-checkout-cart .cart-table .td-qty .input-group{display:flex;align-items:center;gap:16px;max-width:none !important;width:auto}
.route-checkout-cart .cart-table .td-qty .stepper{width:112px;height:44px;flex:0 0 auto;border:1px solid #C9D4DE;border-radius:10px;overflow:hidden}
.route-checkout-cart .cart-table .td-qty .stepper input{height:42px !important;border:0 !important;font-size:16px !important;text-align:center}
.route-checkout-cart .cart-table .td-qty .input-group-btn{display:flex;align-items:center;gap:16px;width:auto}
.route-checkout-cart .cart-table .td-qty .input-group-btn .btn{width:auto !important;min-width:0 !important;height:44px;padding:0 !important;margin:0 !important;background:none !important;border:0 !important;box-shadow:none !important;color:#4A5B6B !important;font:500 14px Inter,sans-serif}
.route-checkout-cart .cart-table .td-qty .btn-remove{display:inline-flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0}
.route-checkout-cart .cart-table .td-qty .btn-remove i{position:static !important;margin:0 !important;transform:none !important}
.route-checkout-cart .cart-table .td-qty .btn-remove i::before{content:'\e872' !important;font-family:icomoon !important;font-size:18px}
.route-checkout-cart .cart-table .td-qty .btn-remove::after{content:'Αφαίρεση'}
html[lang^=en] .cart-table .td-qty .btn-remove::after{content:'Remove'}
.route-checkout-cart .cart-table .td-qty .btn-remove:hover{color:#B23A0C !important}
.route-checkout-cart .cart-table .td-qty .btn-update i{font-size:16px}
/* quantity updates by itself (BN-CART JS clicks the update button): the button is hidden then */
.bn-cart-auto.route-checkout-cart .cart-table .td-qty .btn-update{display:none !important}
/* summary card: coupon closed, totals, green "Αγορά" with a lock, "Συνέχεια Περιήγησης" as a link */
.route-checkout-cart .cart-bottom{padding:24px;background:#fff;border:1px solid #E2E8EE;border-radius:16px;margin:0}
.route-checkout-cart .cart-bottom .panels-total{display:flex;flex-direction:column;gap:8px;margin:0}
.route-checkout-cart .cart-bottom .cart-panels,.route-checkout-cart .cart-bottom .cart-total{width:100% !important;max-width:none !important;min-width:0 !important;border:0 !important;padding:0 !important;margin:0 !important;flex:none}
.route-checkout-cart .cart-panels > .title,.route-checkout-cart .cart-panels > p{display:none}
.route-checkout-cart .cart-panels .panel{border:0;border-bottom:1px solid #E2E8EE;border-radius:0;box-shadow:none;background:none}
.route-checkout-cart .cart-panels .panel-heading{padding:0;background:none;border:0}
.route-checkout-cart .cart-panels .panel-title a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font:600 14px 'Inter',sans-serif;color:#0B6FB8}
.route-checkout-cart .cart-panels .panel-body{padding:0 0 14px;border:0}
.route-checkout-cart .cart-total table td{padding:6px 0 !important;font-size:14px;color:#4A5B6B}
.route-checkout-cart .cart-total table td:first-child{text-align:left !important}
.route-checkout-cart .cart-total table td strong{font-weight:400}
.route-checkout-cart .cart-total table td span[style]{color:inherit !important;font-weight:inherit !important}
.route-checkout-cart .cart-total table,.route-checkout-cart .cart-total table td{border:0 !important}
.route-checkout-cart .cart-total table tr:last-child td{border-top:1px solid #E2E8EE !important}
.route-checkout-cart .cart-total table tr:last-child td{padding-top:14px !important;font:700 24px 'Commissioner',sans-serif;color:#0B2A45}
.route-checkout-cart .cart-total table tr:last-child td strong{font-weight:700}
.route-checkout-cart .cart-bottom .buttons{display:flex;flex-direction:column;gap:8px;margin:16px 0 0;padding:0;border:0}
.route-checkout-cart .cart-bottom .buttons > div{width:100%;margin:0;padding:0}
.route-checkout-cart .cart-bottom .buttons .pull-right{order:-1}
.route-checkout-cart .cart-bottom .buttons .pull-right .btn{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px}
.route-checkout-cart .cart-bottom .buttons .pull-right .btn::before{content:'\e899';font-family:icomoon;font-size:18px}
.route-checkout-cart .cart-bottom .buttons .pull-left .btn{width:100%;justify-content:center}
/* payment info and help (module 458), under the summary */
.route-checkout-cart .bn-cart-pay{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 0;text-align:center}
.route-checkout-cart .bn-cart-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.route-checkout-cart .bn-cart-logos span{height:24px;padding:0 8px;border:1px solid #D5DEE6;border-radius:4px;background:#fff;display:inline-flex;align-items:center;font:700 11px 'Inter',sans-serif;color:#3A4C5E}
.route-checkout-cart .bn-cart-pay p{margin:0;font-size:13px;color:#4A5B6B}
.route-checkout-cart .bn-cart-pay a{font-weight:600;color:#0B6FB8}
.route-checkout-cart .module-blocks-458 .block-content{padding:0;text-align:center}
.route-checkout-cart .module-info_blocks-457{margin-top:12px}
/* desktop: products and perks left, summary + payment info right (400px). Grid on the existing elements:
   .cart-page and the content_bottom wrappers become transparent. Row 3 is flexible so the payment info follows the summary. */
@media (min-width: 1025px){
.route-checkout-cart #content{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:max-content max-content 1fr;column-gap:32px;align-items:start}
.route-checkout-cart #content > .cart-page,.route-checkout-cart #content-bottom,.route-checkout-cart #content-bottom .grid-rows,.route-checkout-cart #content-bottom .grid-row,.route-checkout-cart #content-bottom .grid-cols,.route-checkout-cart #content-bottom .grid-col,.route-checkout-cart #content-bottom .grid-items{display:contents}
.route-checkout-cart #content > .cart-page > .cart-table{grid-column:1;grid-row:1}
.route-checkout-cart #content > .cart-page > .cart-bottom{grid-column:2;grid-row:1 / 4}
.route-checkout-cart #content-bottom .grid-item:has(.module-info_blocks-457){grid-column:1;grid-row:2}
.route-checkout-cart #content-bottom .grid-item:has(.module-blocks-458){grid-column:2;grid-row:4}
.route-checkout-cart #content > .alert{grid-column:1 / -1}
}
/* below desktop the summary goes under the products at full width (cancels the old site rule .cart-bottom{min-width:400px}) */
@media (max-width: 1024px){
.route-checkout-cart .cart-bottom{min-width:0 !important;max-width:none !important;width:100% !important;box-sizing:border-box;margin:16px 0 0 !important}
}
/* phone: image 88px; quantity, remove and total on one line */
@media (max-width: 760px){
.route-checkout-cart .cart-table tbody tr{grid-template-columns:88px minmax(0,1fr) auto;column-gap:14px;padding:16px}
.route-checkout-cart .cart-table .td-image{grid-row:1 / 3}
.route-checkout-cart .cart-table .td-image img{width:88px;height:88px}
.route-checkout-cart .cart-table .td-name{grid-column:2 / 4}
.route-checkout-cart .cart-table .td-model{grid-column:2 / 4}
.route-checkout-cart .cart-table .td-price{display:none !important}
.route-checkout-cart .cart-table .td-qty{grid-column:1 / 3;grid-row:3}
.route-checkout-cart .cart-table .td-total{grid-column:3;grid-row:3;align-self:center;margin-top:8px}
.route-checkout-cart .cart-table .td-qty .btn-remove::after{display:none}
.route-checkout-cart h1.page-title,.route-checkout-cart h1.page-title>span{font-size:26px}
.route-checkout-cart h1.page-title{margin:20px 0 16px}
.route-checkout-cart .cart-bottom{margin-top:16px;padding:20px 16px}
}
/* "Μπορεί να σου χρειαστούν" (module 262, card PRODUCT_GRID_XSELL_BNCART): image box, name, then price left and
   the outline cart button right on one line; description / rating hidden (Journal emits them with broken selectors) */
.module-products-262 .product-thumb{height:100%;display:flex;flex-direction:column}
.module-products-262 .product-thumb .image{background:#F4F6F8;border-radius:12px;overflow:hidden}
.module-products-262 .product-thumb .description,.module-products-262 .product-thumb .rating,.module-products-262 .product-thumb .stats{display:none !important}
.module-products-262 .product-thumb .caption{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:12px;grid-template-rows:1fr auto}
.module-products-262 .product-thumb .caption>*{grid-column:1 / -1}
.module-products-262 .product-thumb .name{grid-row:1;align-self:start;margin:0;min-height:40px}
.module-products-262 .product-thumb .price{grid-row:2;grid-column:1;margin:0;justify-content:flex-start}
.module-products-262 .product-thumb .buttons-wrapper{grid-row:2;grid-column:2;margin:0;width:auto;position:static}
.module-products-262 .product-thumb .button-group{padding:0;margin:0}
.module-products-262 .product-thumb .btn-cart{min-height:40px;padding:0 14px;white-space:nowrap}
.module-products-262 .product-thumb .stepper,.module-products-262 .product-thumb .wish-group{display:none !important}
.module-products-262 .nav-tabs{justify-content:flex-start}
/* empty cart */
.route-checkout-cart #content > p:first-child{margin:0;padding:48px 24px 16px;background:#fff;border:1px solid #E2E8EE;border-bottom:0;border-radius:16px 16px 0 0;text-align:center;font:600 18px 'Commissioner',sans-serif;color:#0B2A45}
.route-checkout-cart #content > p:first-child::before{content:'\f07a';display:block;margin-bottom:12px;font:400 40px icomoon;color:#9FB3C6}
.route-checkout-cart #content > p:first-child + .buttons{margin:0;padding:0 24px 40px;background:#fff;border:1px solid #E2E8EE;border-top:0;border-radius:0 0 16px 16px;display:flex;justify-content:center}
.route-checkout-cart #content > p:first-child + .buttons .pull-right{float:none;margin:0}
/* BN-CART END */

/* BN-MINICART START */
/* Header mini cart: width, card, fonts, list height, buttons are the Journal preset CART_CONTENT_BNHD. Here: heading,
   subtotal only + shipping note, primary button first, product rows, phone bottom sheet. */
/* heading */
.desktop-header-active #cart-content > ul::before{content:'Το καλάθι σου';display:block;padding:18px 20px 6px;font:700 18px 'Commissioner',sans-serif;color:#0B2A45}
html[lang^=en] #cart-content > ul::before{content:'Your cart'}
/* product rows: image 64px, name, "x 1", price, remove */
#cart-content .cart-products td,.mobile-header-active .mobile-cart-content-container .cart-products td{padding:12px 0 !important;border:0 !important;border-bottom:1px solid #E2E8EE !important}
#cart-content .cart-products tr:last-child td,.mobile-header-active .mobile-cart-content-container .cart-products tr:last-child td{border-bottom:0 !important}
#cart-content .cart-products img,.mobile-header-active .mobile-cart-content-container .cart-products img{border:0 !important;box-shadow:none !important}
#cart-content .cart-products .td-image,.mobile-header-active .mobile-cart-content-container .cart-products .td-image{width:76px}
#cart-content .cart-products .td-image img,.mobile-header-active .mobile-cart-content-container .cart-products .td-image img{width:64px;height:64px;object-fit:contain;padding:4px;background:#F4F6F8}
#cart-content .cart-products .td-name,.mobile-header-active .mobile-cart-content-container .cart-products .td-name{text-align:left !important;padding-right:8px !important}
#cart-content .cart-products .td-qty,.mobile-header-active .mobile-cart-content-container .cart-products .td-qty{white-space:nowrap;padding-right:10px !important}
#cart-content .cart-products .td-total,.mobile-header-active .mobile-cart-content-container .cart-products .td-total{white-space:nowrap}
#cart-content .cart-products .td-remove,.mobile-header-active .mobile-cart-content-container .cart-products .td-remove{width:32px;text-align:right !important}
#cart-content .cart-remove,.mobile-header-active .mobile-cart-content-container .cart-remove{width:32px;height:32px;background:none;border:0;padding:0}
/* totals: subtotal only (shipping is chosen in the next step), then a note */
#cart-content .cart-totals tr:not(:first-child),.mobile-header-active .mobile-cart-content-container .cart-totals tr:not(:first-child){display:none}
#cart-content .cart-totals td,.mobile-header-active .mobile-cart-content-container .cart-totals td{padding:14px 20px 4px !important}
#cart-content .cart-totals .td-total-title,.mobile-header-active .mobile-cart-content-container .cart-totals .td-total-title{text-align:left !important}
#cart-content .cart-buttons::before,.mobile-header-active .mobile-cart-content-container .cart-buttons::before{content:'Μεταφορικά από 2,30€ στο επόμενο βήμα';order:3;display:block;font:400 12px 'Inter',sans-serif;color:#5A6B7A;text-align:center}
html[lang^=en] #cart-content .cart-buttons::before,html[lang^=en] .mobile-cart-content-container .cart-buttons::before{content:'Shipping from €2.30 in the next step'}
/* buttons: "Αγορά" (green) first, "Εμφάνιση καλαθιού" (navy outline) below; side by side on the phone sheet */
#cart-content .cart-buttons,.mobile-header-active .mobile-cart-content-container .cart-buttons{display:flex;flex-direction:column;gap:8px;padding:8px 20px 20px}
#cart-content .cart-buttons .btn-checkout,.mobile-header-active .mobile-cart-content-container .cart-buttons .btn-checkout{order:1;justify-content:center}
#cart-content .cart-buttons .btn-cart,.mobile-header-active .mobile-cart-content-container .cart-buttons .btn-cart{order:2;justify-content:center}
#cart-content .cart-buttons .btn i,.mobile-header-active .mobile-cart-content-container .cart-buttons .btn i{display:none}
#cart-content .cart-empty{padding:28px 20px;text-align:center}
/* phone: Journal's own side panel (from the right) with its own title; buttons stacked */
.mobile-header-active .mobile-cart-content-container .cart-buttons{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
/* "added to cart" bar at the top of the auto-opened mini cart (BN-MINICART JS) */
.bn-mc-added{display:flex !important;align-items:center;gap:8px;margin:12px 20px 0;padding:10px 12px;border-radius:10px;background:#E8F4EC;color:#1E7B3C;font:600 14px 'Inter',sans-serif}
/* BN-MINICART END */