/* Converted Elementor content (agent B, inc/47-content.php, ELEMENTOR-OUT-B 14/11/2026): pages/posts whose
   post_content was generated from _elementor_data. Values = live Elementor/Woodmart rendering measured on e-costos.gr
   (container 0 10px, widgets 20px apart, columns 10px gutters, Woodmart title/button/text block). */
@font-face{font-family:'Urbanist';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/urbanist-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Elementor container (kit: padding 0 10px, widgets space 20px) */
.nsc-c-con{padding:10px}
.nsc-c-con a:not(.nsc-c-btn){color:#333}
.nsc-c-con img{vertical-align:middle}
.nsc-c-con::after{content:"";display:table;clear:both}
.nsc-c-con>:last-child,.nsc-c-col>:last-child,.nsc-c-w>:last-child,.nsc-c-raw>:last-child{margin-bottom:0}
.nsc-c-w{margin:0 0 20px}
.nsc-c-w:last-child{margin-bottom:0}
/* text widget whose text was not HTML: Elementor printed it raw (no paragraphs) → no block margins, as on live */
.nsc-c-raw{margin-bottom:20px}
.nsc-c-raw :is(p,ol,ul){margin:0}

/* Sections / columns (Elementor «default» gap = 10px each side, negative gap at the edges = Woodmart) */
.nsc-c-cols{display:flex;flex-wrap:nowrap;margin:0 -10px var(--nsc-mb,0)}
.nsc-c-cols--middle{align-items:center}
/* custom properties inherit: every row/column starts from the defaults, only its own inline style sets them */
.nsc-c-cols{--nsc-mb:initial;--nsc-mb-t:initial;--nsc-mb-m:initial}
.nsc-c-col{--nsc-w:initial;--nsc-pad:initial;--nsc-pad-t:initial;--nsc-pad-m:initial;--nsc-pad-mi:initial}
.nsc-c-col{flex:0 0 auto;width:var(--nsc-w,100%);min-width:0;padding:var(--nsc-pad,10px)}
.nsc-c-col>.nsc-c-cols{margin-bottom:0}
@media (max-width:1024px){.nsc-c-cols{margin-bottom:var(--nsc-mb-t,var(--nsc-mb,0))}.nsc-c-col{padding:var(--nsc-pad-t,var(--nsc-pad,10px))}}
/* ≤767: columns stack (100%); a % padding inherited from desktop then refers to the full row (Elementor: the column) */
@media (max-width:767px){.nsc-c-cols{flex-wrap:wrap;margin-bottom:var(--nsc-mb-m,var(--nsc-mb-t,var(--nsc-mb,0)))}.nsc-c-col{width:100%;padding:var(--nsc-pad-m,var(--nsc-pad-mi,var(--nsc-pad-t,var(--nsc-pad,10px))))}}

/* alignment helpers */
.has-text-align-left{text-align:left}.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}

/* Woodmart title (size large = 36px, ≤1024 22px, ≤576 20px; Cfontbold 700, line-height 1.4) */
.nsc-c-titlewrap{margin-bottom:20px}
.nsc-c-title{display:inline-block;margin:0;font-family:'Cfontbold','Cfont',Arial,sans-serif;font-weight:700;line-height:1.4;color:var(--wd-title-color,#242424);text-transform:none;letter-spacing:normal;font-size:22px}
.nsc-c-title--small{font-size:18px}.nsc-c-title--medium{font-size:26px}.nsc-c-title--large{font-size:36px}.nsc-c-title--extra-large{font-size:46px}
@media (max-width:1024px){.nsc-c-title:is(.nsc-c-title--medium,.nsc-c-title--large,.nsc-c-title--extra-large){font-size:22px}}
@media (max-width:576px){.nsc-c-title.nsc-c-title{font-size:20px}}
.nsc-c-subtitle,.nsc-c-aftertitle{margin:0 0 10px;line-height:1.6}

/* Woodmart text block (contact block of the «new store» post: Urbanist 15/24, title colour) */
.nsc-c-textblock{font-family:'Urbanist',sans-serif;font-size:15px;line-height:24px}
.nsc-c-color-title{color:var(--wd-title-color,#242424)}
.nsc-c-color-primary{color:var(--ns-accent,#12562D)}
.nsc-c-textblock a{color:#333}

/* Image */
.nsc-c-img{margin:0 0 20px;line-height:0}
.nsc-c-img img{max-width:100%;height:auto;vertical-align:middle;object-fit:cover}

/* Woodmart button */
.nsc-c-btnwrap{margin:0 0 20px}
.nsc-c-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 20px;min-height:42px;font:600 13px/1.2 'Cfontmedium','Cfont',Arial,sans-serif;text-transform:none;text-decoration:none;color:var(--nsc-btn-c,#333);background:var(--nsc-btn-bg,#f3f3f3);border:var(--nsc-btn-bw,0) solid var(--nsc-btn-bc,transparent);border-radius:var(--nsc-btn-r,0);cursor:pointer;transition:all .25s}
.nsc-c-btn:hover{color:var(--nsc-btn-c-h,var(--nsc-btn-c,#333));background:var(--nsc-btn-bg-h,var(--nsc-btn-bg,#f3f3f3));box-shadow:var(--nsc-btn-sh-h,none);text-decoration:none}
.nsc-c-btn--primary{--nsc-btn-c:#fff;--nsc-btn-c-h:#fff;--nsc-btn-bg:var(--ns-accent,#12562D);--nsc-btn-bg-h:var(--ns-accent,#12562D);--nsc-btn-bc:var(--ns-accent,#12562D);--nsc-btn-sh-h:inset 0 0 0 1000px rgba(0,0,0,.1)}
.nsc-c-btn--bordered{--nsc-btn-bg:transparent;--nsc-btn-bg-h:transparent;--nsc-btn-bw:2px;--nsc-btn-sh-h:none}
.nsc-c-btn--primary.nsc-c-btn--bordered{--nsc-btn-c:var(--ns-accent,#12562D);--nsc-btn-c-h:#fff;--nsc-btn-bg-h:var(--ns-accent,#12562D)}
.nsc-c-btn--round{--nsc-btn-r:35px}.nsc-c-btn--semi-round{--nsc-btn-r:5px}
.nsc-c-btn--full{display:flex;width:100%}

/* Products tabs: snap the first card to the row start (cards have 5px side margins → snapping their border box left
   the row scrolled by 5px; live starts flush with the text) */
.nsc-c-ptabs .nsc-hp-row>li{scroll-margin-inline:5px}
/* Woodmart tabs header: the title line box is ~2px taller than its line-height; ≤1024px the (empty, single-tab)
   nav row still takes its 42px under the title */
.nsc-c-ptabs .nsc-hptabs__title{padding-bottom:2px}
@media (max-width:1024px){.nsc-c-ptabs .nsc-hptabs__head:not(:has(.nsc-hptabs__tabs))::after{content:"";display:block;height:42px}.nsc-c-ptabs .nsc-hptabs{gap:10px}}
/* Woodmart carousel breakpoints (live): desktop value down to 769px (tablet = desktop unless set), 2 per view ≤768px */
@media (max-width:768px){.nsc-c-ptabs .nsc-hptabs ul.products.ns-row{grid-auto-columns:calc(100% / var(--nsc-cols-m,2))}}

/* Google map (click-to-load facade, inc/47-content.php) */
.nsc-c-map iframe{display:block;width:100%;height:var(--nsc-map-h,300px);border:0;margin:0}

/* Gallery (Elementor Pro grid: 4 / 2 / 1 columns, gap 10, aspect ratio, overlay on hover, lightbox) */
.nsc-c-gallery .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}
.nsc-c-gallery .gallery-item{position:relative;margin:0;overflow:hidden}
.nsc-c-gallery .gallery-icon,.nsc-c-gallery .gallery-icon a{display:block;line-height:0}
.nsc-c-gallery .gallery-item img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:0;transition:transform .8s}
.nsc-c-gallery--1-1 .gallery-item img{aspect-ratio:1/1}.nsc-c-gallery--4-3 .gallery-item img{aspect-ratio:4/3}.nsc-c-gallery--16-9 .gallery-item img{aspect-ratio:16/9}
.nsc-c-gallery .gallery-icon a::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}
.nsc-c-gallery .gallery-icon a:hover::after,.nsc-c-gallery .gallery-icon a:focus-visible::after{opacity:1}
.nsc-c-gallery .gallery-caption{display:none}
.nsc-c-gallery .gallery br{display:none}
@media (max-width:1023px){.nsc-c-gallery .gallery{grid-template-columns:repeat(2,1fr)}} /* live: 4 columns still at 1024px */
@media (max-width:767px){.nsc-c-gallery .gallery{grid-template-columns:1fr}}
/* other [gallery] shortcodes in content (WP default style is off): plain N-column grid */
.gallery:not(.nsc-c-gallery .gallery){display:grid;grid-template-columns:repeat(var(--nsc-gcols,3),1fr);gap:10px}
.gallery-columns-1{--nsc-gcols:1}.gallery-columns-2{--nsc-gcols:2}.gallery-columns-4{--nsc-gcols:4}.gallery-columns-5{--nsc-gcols:5}.gallery-columns-6{--nsc-gcols:6}
.gallery-item img{max-width:100%;height:auto}

/* lightbox (assets/js/47-content.js) */
.nsc-lbx{position:fixed;inset:0;z-index:99999;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.92);color:#fff}
.nsc-lbx::backdrop{background:rgba(0,0,0,.92)}
.nsc-lbx__img{position:absolute;inset:60px 70px;margin:auto;max-width:calc(100% - 140px);max-height:calc(100% - 120px);object-fit:contain}
.nsc-lbx button{position:absolute;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;background:none;color:rgba(255,255,255,.9);font-size:34px;line-height:1;cursor:pointer}
.nsc-lbx__close{top:10px;right:10px}.nsc-lbx__prev{left:10px;top:calc(50% - 25px)}.nsc-lbx__next{right:10px;top:calc(50% - 25px)}
.nsc-lbx__cap{position:absolute;left:0;right:0;bottom:15px;text-align:center;font-size:14px;opacity:.85}
@media (max-width:767px){.nsc-lbx__img{inset:60px 10px;max-width:calc(100% - 20px)}}