.elementor-51257 .elementor-element.elementor-element-1faf951{--display:flex;--margin-top:-170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51257 .elementor-element.elementor-element-b68bf53{--display:flex;}/* Start custom CSS for html, class: .elementor-element-61999c2 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

  .afc-section{
    position:relative;
    width:100%;
    font-family:'Inter',sans-serif;
    color:#fff;
    overflow:hidden;
    background:#0a0a0a;
  }

  /* ── HERO ── */
  .afc-hero{
    position:relative;
    width:100%;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:80px 24px 100px;
    overflow:hidden;
  }
  .afc-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
  .afc-hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;}
  .afc-hero-overlay{position:absolute;inset:0;z-index:1;}
  .afc-hero-content{position:relative;z-index:2;max-width:860px;padding-top:10%;}
  .afc-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.18);
    backdrop-filter:blur(12px);
    border-radius:100px;
    padding:7px 18px;
    font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
    color:#d4af6a;margin-bottom:28px;
  }
  .afc-eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:#d4af6a;display:inline-block;animation:afcPulse 2s infinite;}
  @keyframes afcPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.7);}}
  .afc-hero h1{
    font-size:clamp(2.4rem,6vw,5rem);font-weight:900;line-height:1.08;
    letter-spacing:-1px;
    background:linear-gradient(135deg,#fff 30%,#d4af6a 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    margin-bottom:22px;
  }
  .afc-hero-sub{
    font-size:clamp(1rem,2.2vw,1.25rem);font-weight:400;line-height:1.7;
    color:rgba(255,255,255,0.78);max-width:640px;margin:0 auto 38px;
  }
  .afc-hero-sub strong{color:#d4af6a;font-weight:600;}
  .afc-hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
  .afc-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 32px;border-radius:6px;font-size:0.95rem;font-weight:700;
    text-decoration:none;cursor:pointer;border:none;letter-spacing:0.5px;
    transition:all 0.25s ease;
  }
  .afc-btn-primary{background:linear-gradient(135deg,#c9933a,#d4af6a);color:#111;}
  .afc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(212,175,106,0.5);}
  .afc-btn-secondary{background:rgba(255,255,255,0.08);color:#fff;border:1.5px solid rgba(255,255,255,0.25);backdrop-filter:blur(8px);}
  .afc-btn-secondary:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px);}
  .afc-btn svg{flex-shrink:0;}

  .afc-scroll{
    position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
    z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;
    font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.45);
  }
  .afc-scroll-bar{width:1.5px;height:40px;background:rgba(255,255,255,0.15);border-radius:2px;overflow:hidden;}
  .afc-scroll-bar::after{
    content:'';display:block;width:100%;height:40%;
    background:linear-gradient(#d4af6a,transparent);
    animation:afcScrollAnim 2s ease infinite;
  }
  @keyframes afcScrollAnim{0%{transform:translateY(-100%);}100%{transform:translateY(300%);}}

  /* ── POSITIONING BAR ── */
  .afc-position-bar{
    width:100%;
    background:linear-gradient(90deg,#0f0f0f,#1a1208,#0f0f0f);
    border-top:1px solid rgba(212,175,106,0.18);
    border-bottom:1px solid rgba(212,175,106,0.18);
    padding:28px 24px;text-align:center;
  }
  .afc-position-bar p{font-size:clamp(0.95rem,2vw,1.2rem);font-weight:500;color:rgba(255,255,255,0.7);line-height:1.8;max-width:700px;margin:0 auto;}
  .afc-position-bar p strong{color:#d4af6a;font-weight:700;}

  /* ── FEATURES ── */
  .afc-features{width:100%;background:linear-gradient(180deg,#0f0f0f 0%,#111208 100%);padding:90px 24px;}
  .afc-features-inner{max-width:1280px;margin:0 auto;}
  .afc-section-label{text-align:center;margin-bottom:56px;}
  .afc-section-label .afc-eyebrow{margin-bottom:16px;}
  .afc-section-label h2{
    font-size:clamp(1.8rem,4vw,3rem);font-weight:800;
    background:linear-gradient(135deg,#fff 40%,#d4af6a 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    margin-bottom:14px;line-height:1.15;
  }
  .afc-section-label p{color:rgba(255,255,255,0.55);font-size:1rem;max-width:540px;margin:0 auto;}
  .afc-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
  @media(max-width:900px){.afc-features-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.afc-features-grid{grid-template-columns:1fr;}}

  /* ── FEATURE CARD ── */
  .afc-feat{position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(255,255,255,0.07);cursor:default;background:#111;}
  .afc-feat::before{display:none !important;}
  .afc-feat-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.5s ease;z-index:1;pointer-events:none;}
  .afc-feat-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.25) 55%,rgba(0,0,0,0.1) 100%);opacity:0;transition:opacity 0.5s ease;z-index:2;pointer-events:none;}
  .afc-feat-body{position:relative;z-index:3;padding:36px 30px;height:100%;display:flex;flex-direction:column;justify-content:center;transition:opacity 0.35s ease,transform 0.35s ease;background:linear-gradient(135deg,rgba(255,255,255,0.03),transparent);}
  .afc-feat-num{font-size:0.7rem;font-weight:800;letter-spacing:3px;color:#d4af6a;text-transform:uppercase;margin-bottom:14px;opacity:0.7;}
  .afc-feat-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,rgba(212,175,106,0.15),rgba(212,175,106,0.05));border:1px solid rgba(212,175,106,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.4rem;flex-shrink:0;}
  .afc-feat h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:#fff;line-height:1.3;}
  .afc-feat-desc{font-size:0.83rem;color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:18px;}
  .afc-feat-list{list-style:none;padding:0;}
  .afc-feat-list li{font-size:0.78rem;color:rgba(255,255,255,0.6);padding:5px 0 5px 18px;position:relative;border-bottom:1px solid rgba(255,255,255,0.05);}
  .afc-feat-list li:last-child{border-bottom:none;}
  .afc-feat-list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#d4af6a;opacity:0.7;}
  .afc-feat-accent{display:none;}
  .afc-feat:hover .afc-feat-video,.afc-feat.vid-on .afc-feat-video{opacity:1;}
  .afc-feat:hover .afc-feat-scrim,.afc-feat.vid-on .afc-feat-scrim{opacity:1;}
  .afc-feat:hover .afc-feat-body,.afc-feat.vid-on .afc-feat-body{opacity:0;transform:translateY(10px);pointer-events:none;}

  /* ── CAROUSEL ── */
  .afc-carousel-wrap{width:100%;background:#080808;padding:80px 0;overflow:hidden;}
  .afc-carousel-inner{max-width:1280px;margin:0 auto;padding:0 24px;}
  .afc-carousel-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:40px;}
  .afc-carousel-header h2{
    font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;
    background:linear-gradient(135deg,#fff 40%,#d4af6a 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    line-height:1.15;
  }
  .afc-carousel-nav{display:flex;gap:10px;}
  .afc-nav-btn{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.12);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.22s;}
  .afc-nav-btn:hover{background:rgba(212,175,106,0.15);border-color:#d4af6a;color:#d4af6a;}
  .afc-carousel-track-outer{overflow:hidden;width:100%;}
  .afc-carousel-track{display:flex;gap:20px;transition:transform 0.5s cubic-bezier(0.25,0.8,0.25,1);will-change:transform;}
  .afc-slide{flex:0 0 calc(33.333% - 14px);min-width:0;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,0.07);}
  .afc-slide img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 0.5s ease;}
  .afc-slide:hover img{transform:scale(1.06);}
  .afc-slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,transparent 55%);opacity:0;transition:opacity 0.3s;}
  .afc-slide:hover .afc-slide-overlay{opacity:1;}
  .afc-slide-label{position:absolute;bottom:0;left:0;right:0;padding:20px 18px;transform:translateY(4px);opacity:0;transition:all 0.3s ease;font-size:0.82rem;font-weight:600;color:#fff;letter-spacing:0.5px;}
  .afc-slide:hover .afc-slide-label{transform:translateY(0);opacity:1;}
  .afc-carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:28px;}
  .afc-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);cursor:pointer;transition:all 0.25s;border:none;padding:0;}
  .afc-dot.active{background:#d4af6a;width:24px;border-radius:4px;}
  @media(max-width:900px){.afc-slide{flex:0 0 calc(50% - 10px);}}
  @media(max-width:560px){.afc-slide{flex:0 0 calc(88% - 10px);}.afc-carousel-header{flex-direction:column;align-items:flex-start;}}

  /* ── CTA BANNER ── */
  .afc-cta-banner{position:relative;width:100%;background:#050505;padding:100px 24px;text-align:center;overflow:hidden;}
  .afc-cta-video{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
  .afc-cta-video video{width:100%;height:100%;object-fit:cover;opacity:0.4;}
  .afc-cta-banner::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(0,0,0,0.78),rgba(10,8,2,0.75));}
  .afc-cta-content{position:relative;z-index:2;max-width:680px;margin:0 auto;}
  .afc-cta-content h2{font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:900;line-height:1.1;margin-bottom:18px;background:linear-gradient(135deg,#fff 30%,#d4af6a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .afc-cta-content p{font-size:1rem;color:rgba(255,255,255,0.65);line-height:1.75;margin-bottom:36px;}
  .afc-cta-content .afc-hero-cta{justify-content:center;}

  /* ── REVEAL ── */
  .afc-reveal{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease;}
  .afc-reveal.visible{opacity:1;transform:translateY(0);}

  /* ── AFT SECTION (fence styles) ── */
  .aft-section{font-family:'Inter',sans-serif;color:#fff;background:#0a0a0a;width:100%;overflow:hidden;}
  .aft-section *,.aft-section *::before,.aft-section *::after{box-sizing:border-box;margin:0;padding:0;}
  .aft-divider{width:100%;background:linear-gradient(90deg,transparent,rgba(212,175,106,0.35),transparent);height:1px;}
  .aft-block{width:100%;padding:90px 24px;position:relative;}
  .aft-block:nth-child(odd){background:linear-gradient(180deg,#0f0f0f,#111208);}
  .aft-block:nth-child(even){background:linear-gradient(180deg,#0a0a0a,#0f0e08);}
  .aft-block-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .aft-block:nth-child(even) .aft-block-inner{direction:rtl;}
  .aft-block:nth-child(even) .aft-block-inner > *{direction:ltr;}
  .aft-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(212,175,106,0.2);border-radius:100px;padding:6px 16px;font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#d4af6a;margin-bottom:22px;}
  .aft-badge .dot{width:6px;height:6px;border-radius:50%;background:#d4af6a;display:inline-block;animation:aftPulse 2s infinite;}
  @keyframes aftPulse{0%,100%{opacity:1;}50%{opacity:0.35;}}
  .aft-text h2{font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:900;line-height:1.1;margin-bottom:18px;background:linear-gradient(135deg,#fff 35%,#d4af6a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .aft-text p{font-size:clamp(0.9rem,1.5vw,1rem);color:rgba(255,255,255,0.62);line-height:1.8;margin-bottom:28px;}
  .aft-highlights{display:flex;flex-direction:column;gap:0;border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;margin-bottom:32px;}
  .aft-highlight{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.06);transition:background 0.2s;}
  .aft-highlight:last-child{border-bottom:none;}
  .aft-highlight:hover{background:rgba(212,175,106,0.05);}
  .aft-highlight-icon{flex-shrink:0;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,rgba(212,175,106,0.15),rgba(212,175,106,0.04));border:1px solid rgba(212,175,106,0.18);display:flex;align-items:center;justify-content:center;font-size:0.95rem;margin-top:1px;}
  .aft-highlight-text strong{display:block;font-size:0.85rem;font-weight:700;color:#fff;margin-bottom:3px;}
  .aft-highlight-text span{font-size:0.78rem;color:rgba(255,255,255,0.48);line-height:1.5;}
  .aft-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:6px;font-size:0.88rem;font-weight:700;background:linear-gradient(135deg,#c9933a,#d4af6a);color:#111;border:none;cursor:pointer;text-decoration:none;box-shadow:0 6px 24px rgba(212,175,106,0.25);transition:all 0.25s;letter-spacing:0.4px;}
  .aft-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(212,175,106,0.4);}
  .aft-btn svg{flex-shrink:0;}
  .aft-carousel{position:relative;}
  .aft-carousel-viewport{overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 20px 60px rgba(0,0,0,0.6);}
  .aft-track{display:flex;transition:transform 0.48s cubic-bezier(0.25,0.8,0.25,1);will-change:transform;}
  .aft-slide{flex:0 0 100%;min-width:0;position:relative;}
  .aft-slide img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;}
  .aft-slide-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.72),transparent);padding:24px 18px 16px;font-size:0.78rem;font-weight:600;color:rgba(255,255,255,0.75);letter-spacing:0.5px;}
  .aft-mini-nav{display:flex;align-items:center;justify-content:space-between;margin-top:14px;}
  .aft-mini-dots{display:flex;gap:7px;}
  .aft-mini-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.18);cursor:pointer;border:none;padding:0;transition:all 0.22s;}
  .aft-mini-dot.active{background:#d4af6a;width:20px;border-radius:4px;}
  .aft-mini-arrows{display:flex;gap:8px;}
  .aft-mini-arr{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.12);color:#fff;font-size:0.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.22s;}
  .aft-mini-arr:hover{background:rgba(212,175,106,0.15);border-color:#d4af6a;color:#d4af6a;}
  @media(max-width:860px){
    .aft-block-inner{grid-template-columns:1fr;gap:40px;}
    .aft-block:nth-child(even) .aft-block-inner{direction:ltr;}
  }
  .aft-reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease;}
  .aft-reveal.visible{opacity:1;transform:translateY(0);}

  /* ══════════════════════════════════════
     SIDEBAR — pure CSS checkbox toggle
  ══════════════════════════════════════ */

  
  /* ══════════════════════════════════════
     BROWSE FENCE TYPES CAROUSEL
  ══════════════════════════════════════ */
  .alg-shop-insert{
    font-family:'Inter',system-ui,'Segoe UI',Roboto,Helvetica,Arial;
    margin:0;padding:40px 24px;
    background:linear-gradient(180deg,#0a0a0a,#0f0e08);
    box-sizing:border-box;
  }
  .alg-shop-insert *{box-sizing:border-box;}
  .alg-shop-insert .alg-head{
    display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;
  }
  .alg-shop-insert .alg-head h2{
    margin:0;font-size:20px;
    background:linear-gradient(135deg,#fff 40%,#d4af6a 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  }
  .alg-shop-insert .alg-hint{color:#9ca3af;font-size:13px;}
  .alg-shop-insert .alg-track-wrap{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    display:flex;gap:12px;
    padding:14px 10px 14px 10px;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;
    background:rgba(255,255,255,0.03);
  }
  .alg-shop-insert .alg-track-wrap::-webkit-scrollbar{height:4px;}
  .alg-shop-insert .alg-track-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px;}
  .alg-shop-insert .alg-track-wrap::-webkit-scrollbar-thumb{background:rgba(212,175,106,0.5);border-radius:4px;}
  .alg-shop-insert .cat-chip{
    flex:0 0 calc((100% - 60px) / 4);
    min-width:160px;
    scroll-snap-align:start;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:10px;
    text-align:center;padding:10px;
    text-decoration:none;color:#fff;
    display:flex;flex-direction:column;
    transition:border-color 0.2s,background 0.2s,transform 0.2s;
  }
  .alg-shop-insert .cat-chip:hover{
    border-color:#d4af6a;
    background:rgba(212,175,106,0.1);
    transform:translateY(-2px);
  }
  .alg-shop-insert .chip-media{
    width:100%;aspect-ratio:4/3;
    background:#1a1a14;border-radius:8px;
    overflow:hidden;display:grid;place-items:center;
  }
  .alg-shop-insert .cat-chip img{width:100%;height:100%;object-fit:cover;display:block;}
  .alg-shop-insert .chip-title{
    margin-top:8px;font-size:13px;font-weight:600;color:#fff;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  
  /* Arrows wrapper */
.alg-carousel-outer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Arrow buttons */
.alg-arr {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1.5px solid rgba(255,255,255,0.12);
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.22s;
  line-height: 1;
  padding: 0;
}
.alg-arr:hover {
  background: rgba(212,175,106,0.15);
  border-color: #d4af6a;
  color: #d4af6a;
}
.alg-arr:disabled {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}

/* Track wrap takes remaining space */
.alg-carousel-outer .alg-track-wrap {
  flex: 1;
  min-width: 0;
}

  @media(max-width:1100px){
    .alg-shop-insert .cat-chip{flex:0 0 calc((100% - 36px)/3);}
  }
  @media(max-width:760px){
    .alg-shop-insert .cat-chip{flex:0 0 calc((100% - 12px)/2);}

  @media(max-width:500px){
    .alg-shop-insert .cat-chip{flex:0 0 calc(100% - 20px);}
    
    
        .gg-sticky-trigger {
  margin-top:20px !important;
  }
  }
  
  /* ── STICKY BROWSE CATEGORIES BUTTON ── */
.gg-sticky-trigger {
  top:2%;
  position: fixed;
  left: 0;
  z-index: 99996;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 14px 16px;
  background: red;
  color: #fff;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.6px;
  border: none;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  transition: transform 0.38s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.25s ease,
              background 0.25s ease;
  user-select: none;
  white-space: nowrap;
  writing-mode: horizontal-tb;
}

/* Slide in from the left when .is-visible is added */


.gg-sticky-trigger:hover {
  background: red;
  box-shadow: 6px 0 32px red;
}

.gg-sticky-trigger svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}



/* Mobile: make it a bit smaller */
@media (max-width: 560px) {
  .gg-sticky-trigger {
    padding: 12px 14px 12px 12px;
    font-size: 0.75rem;
  }
}/* End custom CSS */